利用H5新特性将图片转换为Base64

Posted 2021-01-14 masterlin

 

$("#btnapply").click(function(){

    

     

     file = document.getElementById("image");

     var file=file.files[0];

     var fileName=file.name;

     getbase64(file)

     $("#img").attr("src",getbase64(file));

     if(file.type !== ‘image/jpeg‘ && file.type !== ‘image/png‘ && file.type !== ‘image/gif‘) {

     alert(‘当前仅支持图片！‘);

     return;}

 

    var size = Math.round(file.size / 1024 / 1024);

    if (size > 2)

   {

      alert(‘图片大小不得超过2M‘);

      return;}});

 

});

 

 

 

function getbase64(data)

{

var reader = new FileReader();

imgUrlBase64 = reader.readAsDataURL(data);

return reader.result;

}