87,994
社区成员
发帖
与我相关
我的任务
分享如何将本地图片转成base64
如何将本地图片转成base64；我的图片地址是file://C:\Users\ray\AppData\Local\Temp\ksohtml\wps4EC3.tmp.png！
...全文
请发表友善的回复…
发表回复
w841575217 2016-11-01
- 打赏
- 举报
我的代码是这样的
var imgSrc = "test.html:102 file://C:\Users\ray\AppData\Local\Temp\ksohtml\wpsD5E8.tmp.png";//本地项目文件夹下的图片
function getBase64(img){//传入图片路径，返回base64
function getBase64Image(img,width,height) {
var canvas = document.createElement("canvas");
canvas.width = width ? width : img.width;
canvas.height = height ? height : img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
var dataURL = canvas.toDataURL();
return dataURL;
}
var image = new Image();
image.src = img;
var deferred=$.Deferred();
if(img){
image.onload =function (){
deferred.resolve(getBase64Image(image));//将base64传给done上传处理
}
return deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest']
}
}
getBase64(imgSrc)
.then(function(base64){
console.log(base64);
},function(err){
console.log(err);
});
}
哪儿有问题呢？
dayu8828 2016-11-01
- 打赏
- 举报
我是通过表单上传到服务器端用php解析为base64后返回到客户端。
w841575217 2016-11-01
- 打赏
- 举报
那canvas.toDataURL（）里面写啥参数呢？
似梦飞花 2016-11-01
- 打赏
- 举报
canvas drawImage后 toDataURL
