JS image conversion Base64 Base64 conversion to file object

Hello everyone , I meet you again , I'm your friend, Quan Jun .

js Picture conversion base64 base64 Convert to file object

function getImgToBase64(url,callback){
   
   // Convert the picture to Base64
  var canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d'),
    img = new Image;
  img.crossOrigin = 'Anonymous';
  img.onload = function(){
    canvas.height = img.height;
    canvas.width = img.width;
    ctx.drawImage(img,0,0);
    var dataURL = canvas.toDataURL('image/png');
    callback(dataURL);
    canvas = null;
  };
  img.src = url;
}

Copy

    function dataURLtoFile(dataurl, filename) {
   
   // take base64 Convert to file 
        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while(n--){
            u8arr[n] = bstr.charCodeAt(n);
        }
        return new File([u8arr], filename, {type:mime});
    }

Copy

// You can convert pictures to base64

getImgToBase64('img/test.png',function(data){
　　　var myFile = dataURLtoFile(data,'testimgtestimgtestimg');
　　　console.log(myFile);
});

Copy

relevant : https://www.cnblogs.com/fps2tao/p/9268380.html

Publisher ： Full stack programmer stack length , Reprint please indicate the source ：https://javaforall.cn/107436.html Link to the original text ：https://javaforall.cn