js 将远程图片转化为base64及下载远程图片
2018-02-23 16:27
1616 查看
code
//将远程图片转化为base64 getBase64(img){ function getBase64Image(img,width,height) {//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.crossOrigin = ''; image.src = img; return new Promise((resolve,reject)=>{ image.onload =function (){ resolve(getBase64Image(image));//将base64传给done上传处理 } }); } getBase64('http://xxx.com/xx.jpg').then(base64 => { console.log(base64) }, err => { console.log(err) }) //下载远程图片 downloadFile(url) { var aLink = document.createElement('a'); var evt = document.createEvent("MouseEvents"); evt.initEvent("click", false, false); aLink.download = url; aLink.href = url; aLink.dispatchEvent(evt); } downloadFile('http://xxx.com/xx.jpg')
相关文章推荐
- js 下载Base64格式数据图片(兼容主流浏览器)
- js压缩上传的图片,并转化为base64字符串传输
- cocos2d js显示远程下载的图片资源
- js读取远程图片成为base64
- 用js将input=file上传的图片转化成base64
- 动态生成二维码图片后通过js(JavaScript)或jq实现网页图片转base64格式下载
- js下载base64格式的图片
- [分享黑科技]纯js突破localstorage存储上线,远程抓取图片,并转码base64保存本地,最终实现整个网站所有静态资源离线到用户手机效果却不依赖浏览器的缓存机制,单页应用最新黑科技
- IPFS + 区块链 系列】 入门篇 - IPFS + Ethereum (中篇)-js-ipfs-api - 图片上传到IPFS以及下载
- Url地址重写HttpHander生成静态HTML文件 FckEditor,远程图片下载,插件
- 解析php下载远程图片函数 可伪造来路
- yii2 对远程图片下载并压缩处理
- PHP,js,apache,h5等多种方式实现图片下载功能
- DEDE不能远程保存(下载)图片到本地的解决方法
- H5、js、上传头像将图片转换成base64格式的:data:image/png;base64,iVBORw0
- java把远程图片下载到本地
- UIImage与Base64图片的相互转化
- php获取远程图片并下载保存到本地的方法分析
- php下载远程文件(图片)的三种方法
- php中使用gd库实现远程图片下载实例