vue下载图片到本地的方法

downloadIamge(imgsrc, name) {//下载图片地址和图片名var image = new Image();// 解决跨域 Canvas 污染问题image.setAttribute("crossOrigin", "anonymous");image.onload = function() {var canvas = document.createElement("canvas");canvas.width = image.width;canvas.height = image.height;var context = canvas.getContext("2d");context.drawImage(image, 0, 0, image.width, image.height);var url = canvas.toDataURL("image/png"); //得到图片的base64编码数据'var a = document.createElement("a"); // 生成一个a元素var event = new MouseEvent("click", {bubbles: true,cancelable: true,view: window}); // 创建一个单击事件a.download = name || "photo"; // 设置图片名称a.href = url; // 将生成的URL设置为a.href属性a.dispatchEvent(event); // 触发a的单击事件};image.src = imgsrc;},

调用：

var fileName =  new Date().getTime() + ".png";
this.downloadIamge(“图片地址”, fileName);

vue下载图片到本地的方法相关推荐

php img本地图片路径,php 替换文章中的图片路径,下载图片到本地服务器的方法
php 替换文章中的图片路径,下载图片到本地服务器 /** * 获取替换文章中的图片路径 * @param string $xstr 内容 * @param string $oriweb 网址 * @ ...
测试Python下载图片的三种方法
简介: 通过Python软件包对网络URL图片链接进行下载,可以加快后期处理.本文测试了urllib, request两个软件包对图片进行下载效果.如果图片原网页有了防止下载机制,是无法下载图片. ...
一、uniapp项目（封装异步请求、moment.js时间处理、封装手势滑动组件、下载图片到本地）
一.封装异步请求: 1. 为什么要封装? 2. 封装的思路 export default (params) => {// 显示加载中uni.showLoading({title: "加 ...
java下载图片到本地，例如从网上下载图片，下载淘宝图片，下载百度图片等
java下载图片到本地,例如从网上下载图片,下载淘宝图片,下载百度图片. 直接上代码如下: public static void download(String url,String saveFile ...
html5 canvas手写画板下载图片至本地
html5 canvas手写画板下载图片至本地 <!DOCTYPE html> <html><head><meta charset="utf-8& ...
JavaScript复制图片和下载图片到本地
JavaScript复制图片和下载图片到本地基本代码结构 <div className="html-canvas-wrap" ref={canvasWrap}>< ...
uni-app H5下载图片到本地
最近在h5出现几个莫名其妙的问题h5不能用a标签直接下载到本地, 百度的来的方法其实并不管用,只能用来预览,并不能真实的去下载,研究了很久发现uniapp可以吧网络图片下载下来然后存一个临时地址,再保 ...
swift 将图片保存到本地_如何保存微博的所有图片链接并下载图片到本地
点击上方月小水长并设为星标,第一时间接收干货推送这是月小水长的第 47 篇原创干货对于一个爬虫,其爬取的目标不仅限于文字,图片.语音.视频均有可能,我开源的微博爬虫之话题爬虫,设定之初就 ...
php导出照片,TP5导出excel图片和数据--先下载图片到本地服务器
## :-: TP5导出excel图片和数据--先下载图片到本地服务器 ~~~ public function Export( ) { set_time_limit(0); ini_set('memo ...
【python】根据pixiv网站的图片url下载图片到本地
写在前面 pixiv是著名的插画网站.如果我们通过爬虫技术得到了pixiv网站图片的url,那么如何根据url下载图片到本地. 安装模块 pip install requests 测试样例打开以下页 ...

vue下载图片到本地的方法

vue下载图片到本地的方法相关推荐

最新文章

热门文章