VUE项目保存照片到本地（微信环境不可行）

注意：微信环境不可行的原因是微信浏览器禁用了这个下载的脚本操作。

 <van-button type="info" @click="saveImg">保存到相册</van-button>
saveImg: function () {this.downloadIamge(this.bigPoster, "poster");
},
downloadIamge: function (imgsrc, name) { // imgsrc：图片地址，name：图片名称let image = new Image();image.setAttribute("crossOrigin", "anonymous");image.onload = function () {let canvas = document.createElement("canvas");canvas.width = image.width;canvas.height = image.height;let context = canvas.getContext("2d");context.drawImage(image, 0, 0, image.width, image.height);let url = canvas.toDataURL("image/png"); //得到图片的base64编码数据let a = document.createElement("a"); // 生成一个a元素let event = new MouseEvent("click"); // 创建一个单击事件a.download = name || "海报"; // 设置图片名称没有设置则为默认a.href = url; // 将生成的URL设置为a.href属性a.dispatchEvent(event); // 触发a的单击事件};image.src = imgsrc;},

VUE项目保存照片到本地（微信环境不可行）相关推荐

Vue项目保存代码之后页面自动更新
Vue项目保存代码之后页面自动更新想要在代码中保存之后,页面自动刷新. 命令行敲如下代码 npm install webpack-dev-server 下载了这个东西就不用每次都手动刷新了,我也不知 ...
微信/企业微信-本地（MAC）VUE项目调用JS-SDK，开发测试环境搭建
调用微信SDK前置条件根据官方文档,前端在使用微信的接口前要先进行配置,配置信息得从后端获取,后端在计算signature时需要前端传入当前页面的URL,开发者要在公众平台设置JS SDK安全域名, ...
vue项目实战-4.前端渲染.微信小程序
设置整个页面结构 1.由于是手机端项目,所以需要加上手机端相关处理,修改index.html代码,增加meta处理 <meta name="viewport" content ...
node服务器放vue项目,本地Vue项目跨域请求本地Node.js服务器的配置方法
前言:跨域请求是在本地开发时经常遇到的需求,也很简单,只是几句代码配置一下的问题.我初次配置跨域请求时由于官方的说明太简洁,找到的教程又落伍,调试了一番并没有解决问题,到最后解决问题,已花费了很多时间 ...
vue项目使用.env文件配置全局环境变量
关于文件名:必须以如下方式命名,不要乱起名,也无需专门手动控制加载哪个文件 .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.pr ...
网易云音乐API,的调用方法，vue项目中（在本地使用）
1. 在cmd 命令行下:安装并启动: git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git /* 下载 */cd Netea ...
微信小程序保存照片到本地
handleSave(e) { let imgUrl = e.currentTarget.dataset.img wx.showLoading({ title: '保存中-', }) wx.downl ...
vue项目使用iconfont（本地下载、彩色icon）
一.vue-element-admin项目使用iconfont(页面+菜单) 1.iconfont下载资源到本地 2.将下好的文件取这5个放在项目assets文件夹里 3.查看iconfont.css ...
vs code vue项目保存浏览器自动化刷新vue-cli3
解决办法根目录找到vue.config.js文件, 加以下代码: const IS_PROD = ['production', 'test'].includes(process.env.NODE_E ...

VUE项目保存照片到本地（微信环境不可行）

VUE项目保存照片到本地（微信环境不可行）相关推荐

最新文章

热门文章