码迷,mamicode.com
首页 > Web开发 > 详细

js,JQ 图片转换base64 base64转换为file对象

时间:2018-06-15 01:08:44      阅读:3251      评论:0      收藏:0      [点我收藏+]

标签:turn   creat   data   tee   char   uos   array   null   nload   

//将图片转换为Base64
function getImgToBase64(url,callback){
  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;
}
//将base64转换为文件
function dataURLtoFile(dataurl, filename) {
  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});
}
//将图片转换为base64
getImgToBase64(‘images/ruoshui.png‘,function(data){
   var myFile = dataURLtoFile(data,‘testimgtestimgtestimg‘);
   console.log(myFile);
});

 

js,JQ 图片转换base64 base64转换为file对象

标签:turn   creat   data   tee   char   uos   array   null   nload   

原文地址:https://www.cnblogs.com/wangzhaobo/p/9185522.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!