vue将图片保存到相册_vue 图片下载到本地，图片保存到本地

必须同源(访问的网站域名与服务器域名一致)才能下载

downs() {

var alink = document.createElement("a");

alink.href = this.shop.shoppic_url;

alink.download = "pic"; //图片名

alink.click();

解决图片不同源下载问题：

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"); // 创建一个单击事件

a.download = name || "photo"; // 设置图片名称

a.href = url; // 将生成的URL设置为a.href属性

a.dispatchEvent(event); // 触发a的单击事件

};

image.src = imgsrc;

downs(){

this.downloadIamge(this.pic.url, 'pic')

}

vue将图片保存到相册_vue 图片下载到本地，图片保存到本地相关推荐

Android 将PDF文件转Bitmap，并将Bitmap以图片的方式保存到相册
转自:https://blog.csdn.net/chaogelilun/article/details/85095821 背景: 公司项目要求用户可以在手机端查看发票并将发票已图片的形式保存到相册, ...
android将pdf文件转换成Bitmap，并将bitmap以图片的方式保存到相册。
背景: 公司项目要求用户可以在手机端查看发票并将发票已图片的形式保存到相册,以便打印,问题来了,因为发票是.pdf,android不支持直接查看pdf,所以要下载下来然后在手机上看,当时的需求是要下载 ...
iOS 生成带 logo 的二维码，区域截屏保存至相册（小功能二连发 (一)）
原文链接:http://www.jianshu.com/p/36e9f012ef39 生成带 logo 的二维码区域截屏相关 -- 由3033分享开篇最近项目需要搞了几个相对独立的小功能,今天有 ...
Php替换公众号图片替换,公众号文章发布后可以替换图片吗？公众号发出去的图片怎么替换？...
公众号文章发布后,想要修改文章里面的图片时,我们应该怎么进行替换呢? 公众号文章发布后可以修改吗如果已群发的公众号文章中有错别字,我们是可以进行修改的,打开公众号后台,在已群发消息中,我们找到需要修 ...
Android进阶之路 - 批量下载、缓存图片、视频
之前已经记录过,批量下载图片和缓存本地的方式,此篇主要记录批量下载图片.视频,同时缓存在本地的功能实现关联篇 Android进阶之路 - 批量下载.缓存图片 Android进阶之路 - 批量下载.缓 ...
Android进阶之路 - 批量下载、缓存图片
在日常项目开发中,关于图片批量下载,数据缓存的相关功能比比皆是,这次也是去年在项目中需要在本地缓存商品数据,所以用到了批量下载的功能,特此记录 ~ 关联篇 Android进阶之路 - 批量下载.缓存图 ...
百度相册上传下载工具
[软件介绍]百度相册助手是为了方便百度空间朋友管理自己的相册而设计.你可以在不登录网站的前提下对自己的相册进行管理,无论是上传.下载都比web管理更方便. [新增功能] 1.匿名登录相册,只输入用户名 ...
【长按图片保存到相册】Vue移动端H5页面实现长按图片保存到手机功能
移动端.H5长按保存到相册.web端长按自行选择保存位置先上效果图 2.源码 <template><div class="save-file"><d ...
iOS上传头像, 相册权限,相册权限,拍照上传,相册选择图片,拍照页面语言设置,保存到相册...
2019独角兽企业重金招聘Python工程师标准>>> 1. 权限在打开相机拍照或者打开相册选择图片之前, 有必要先判断先是否有权限, 如果没有权限应该给个提示, 让用户自己去设置 ...
android图片保存形式,Android应用开发之Android ScrollView截图和图片保存到相册的方式...
本文将带你了解Android应用开发之Android ScrollView截图和图片保存到相册的方式,希望本文对大家学Android有所帮助. 1.1首先来看你一种截取屏幕,这种代码有缺陷,只能截取一 ...

vue将图片保存到相册_vue 图片下载到本地，图片保存到本地

vue将图片保存到相册_vue 图片下载到本地，图片保存到本地相关推荐

最新文章

热门文章