$(function(){
? ? ? //這是網(wǎng)上的一張圖片鏈接
? ? ? var url="http://pic.c-ctrip.com/VacationH5Pic/mice/wechat/ewm01.png";
? ? ? //var url="https://test-zyhuadu.oss-cn-beijing.aliyuncs.com/test02M.jpg";
? ? ? getBase64(url).then(function(base64){
? ? ? ? ? ? ? ? ? ? ? $('#box').html(base64);
? ? ? ? ? ? ? ? ? ? ? $('.img_base64').attr('src',base64);
? ? ? ? ? ? ? ? ? },function(err){
? ? ? ? ? ? ? ? ? ? ? console.log(err);//打印異常信息
? ? ? ? ? ? ? ? ? });
? ? ? });
? ? ? ? //傳入圖片路徑，返回base64
? ? ? ? function getBase64(img){
? ? ? ? ? ? function getBase64Image(img,width,height) {//width纲仍、height調(diào)用時(shí)傳入具體像素值瑰煎，控制大小 ,不傳則默認(rèn)圖像大小
? ? ? ? ? ? ? ? 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.setAttribute("crossOrigin",'Anonymous');
? ? ? ? ? ? image.src = img;
? ? ? ? ? ? var deferred=$.Deferred();
? ? ? ? ? ? if(img){
? ? ? ? ? ? ? ? image.onload =function (){
? ? ? ? ? ? ? ? ? ? deferred.resolve(getBase64Image(image));//將base64傳給done上傳處理
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? return deferred.promise();//問(wèn)題要讓onload完成后再return sessionStorage['imgTest']
? ? ? ? ? ? }
? ? ? ? };
