当前位置: 首页 > Web前端 > HTML

JS多图上传,获取多张图片的base64值并显示在页面上

时间:2023-04-02 17:53:37 HTML

上传前显示效果上传后显示效果$('#img_purchase').on('click',function(){$('#purchase').click();});$('#img_sale').on('click',function(){$('#sale').click();});functiongetBase64(file,Callback){letreader=newFileReader()letimgResult=''reader.readAsDataURL(file)reader.onload=function(){imgResult=reader.result}reader.onerror=function(error){回调(错误)}reader.onloadend=function(){Callback(imgResult)}};$(document).on('change','#purchase',function(){varfilePath=$(this).val()console.log(filePath);vararr_prepath=this.files;console.log(arr_prepath);for(vari=0;i'+'![](__JHWIMAGES__/ewc.png)'+'![]()'+'

',$('.purchase_top').firstChild);})}});