博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
根据图片路径生成二进制流,下载图片
阅读量:6948 次
发布时间:2019-06-27

本文共 1315 字,大约阅读时间需要 4 分钟。

let url = this.codes[0].qrImgUrl

this.getBase64(url).then(function(base64){
  let save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
  save_link.href = base64;
  if(that.pageType=='mediaIds'){
    save_link.download = that.data[0].mediaNo+'.jpg';
  }else{
    save_link.download = that.data[0].salesmanName+that.data[0].accNo+'.jpg';
  }
  let event = document.createEvent('MouseEvents');
  event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
  save_link.dispatchEvent(event);
},function(err){
});

getBase64(img){

  let that = this
  let image = new Image();
  image.crossOrigin = '';
  image.src = img;
  let deferred=$.Deferred();
  if(img){
    image.onload =function (){
    deferred.resolve(that.getBase64Image(image));//将base64传给done上传处理
  }
  return deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest']
  }
},

getBase64Image(img,width,height) {//width、height调用时传入具体像素值,控制大小 ,不传则默认图像大小

let canvas = document.createElement("canvas");
canvas.width = width ? width : img.width;
canvas.height = height ? height : img.height;

let ctx = canvas.getContext("2d");

ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
let dataURL = canvas.toDataURL();
return dataURL;
},

转载于:https://www.cnblogs.com/zhaoxiaobei/p/9278027.html

你可能感兴趣的文章
.NET足球赛事资料数据库平台SmartLottery开源发布——全球足球联赛应有尽有
查看>>
Eamcs ditaa基于字符图形产生的图像上
查看>>
Only the original thread that created a view hierarchy can touch its views.
查看>>
LeetCode手记-Add Binary
查看>>
对DNSPOD添加域名解析的一些见解
查看>>
vim添加删除多行注释
查看>>
在caffe中增加和convolution相同的层
查看>>
Java设计模式(四) 装饰 代理模式
查看>>
Filter过滤非法字符
查看>>
嵌入式系统烧写uboot/bootloader/kernel的一般方法
查看>>
PyCharm4注册码--软件安装
查看>>
【转】物业管理与移动互联网科技|微信公众平台,物业app,物业O2O
查看>>
patch与diff的恩怨
查看>>
蓝桥杯——先进的多说好树遍历
查看>>
Hdu 5444 Elven Postman dfs
查看>>
Nagios显示器MySQL一个错误:NRPE: Unable to read output具体的解决过程
查看>>
精讲母函数
查看>>
读取数据库中timestamp类型去掉毫秒
查看>>
(四)左右ng-app自己主动bootstrap相框
查看>>
九度OJ 1068 球半径和数量 (模拟)
查看>>