js多图片上传,获取多个图片base64的值显示到页面

上传前显示效果
js多图片上传,获取多个图片base64的值显示到页面_第1张图片


$('#img_purchase').on('click',function(){  
    $('#purchase').click();  
}); 
$('#img_sale').on('click',function(){  
    $('#sale').click();  
}); 

function getBase64 (file,Callback) {
    let reader = new FileReader()
      let imgResult = ''
      reader.readAsDataURL(file)
      reader.onload = function () {
        imgResult = reader.result
      }
      reader.onerror = function (error) {
        Callback(error)
      }
        reader.onloadend = function () {
        Callback(imgResult)
      }
};

    $(document).on('change', '#purchase', function () {
        var filePath = $(this).val()
        console.log(filePath);
        var arr_prepath=this.files;
        console.log(arr_prepath);
        for (var i=0;i'+
                        '![](__JHWIMAGES__/ewc.png)'+
                        '![]()'+
                    '
',$('.purchase_top').firstChild); }) } });

你可能感兴趣的:(html5,javascript,html,jquery,前端)