// 生成图片 clickGeneratePicture() { html2canvas(document.querySelector("#capture")).then(canvas => { // 转成图片,生成图片地址 this.imgUrl = canvas.toDataURL("image/png"); this.saveFile(this.imgUrl, new Date().toLocaleString()) console.log(this.imgUrl); this.firstFlag = false; })...
varcanvas=document.createElement("canvas");canvas.width=image.width;canvas.height=image.height;varcontext=canvas.getContext("2d");context.drawImage(image,0,0,image.width,image.height);varurl=canvas.toDataURL("image/png");//得到图片的base64编码数据vara=document.createElement("a");// 生成一个a元...
//保存图片clickSaveImage(url) { let image=newImage();//解决跨域 canvas污染问题image.setAttribute('crossOrigin', 'anonymous') image.src= url + '?time=' +newDate().valueOf()//加时间戳this.$nextTick(() =>{ image.onload= () =>{ const canvas= document.createElement('canvas') canvas.wi...
vue实现不跳转下载文件 问题描述遇到一个需求,需要单独下载一个MP3或者图片文件,使用正常的a标签会跳转另一个网址且只能预览图片和文件。 问题解决 查了一些资料可以在请求里加blob属性来解决,办法是将你的图片地址或者音频地址拿过去再请求一遍,请求里要带上在responseType: "blob"这个然后按照正常的下载就行。 亲测...
vue 图片下载到本地,图片保存到本地 必须同源(访问的网站域名与服务器域名一致)才能下载 1 2 3 4 5 6 downs() { varalink = document.createElement("a"); alink.href =this.shop.shoppic_url; alink.download ="pic";//图片名 alink.click();...
之前使用html2canvas转成图片会有各种bug,如canvas被污染,导致不能下载,图片跨域等.最终还是没能解决问题。最近找到一个新的插件domtoimage,可以完美解决之前的问题,这个只需要引入js,然后调用即可生成图片. domtoimage.toPng(document.getElementById('repair')).then(function(dataUrl){varimg=newImage();img.src...
vue 图片下载到本地,图片保存到本地 必须同源(访问的网站域名与服务器域名一致)才能下载 1 2 3 4 5 6 downs() { varalink = document.createElement("a"); alink.href =this.shop.shoppic_url; alink.download ="pic";//图片名 alink.click();...
vue 图片下载到本地,图片保存到本地 必须同源(访问的网站域名与服务器域名一致)才能下载 downs() { var alink = document.createElement("a"); alink.href = this.shop.shoppic_url; alink.download = "pic"; //图片名 alink.click(); }, 解决图片不同源下载问题:...