有跨域问题需要和后端一起解决
Save
/*js*//*如果是谷歌朋友,苹果判断一个图标的长度,但不会超过其他浏览器*//*跨域问题==在后台请求头添加add_headerAccess-Control-Allow-Origin*;*//*判断浏览器*/downloadIamge:function(imgsrc,name){//下载图片地址和图片名称/*下载地址后imgsrc在线地址名称*/letimage=newImage();//解决跨域Canvas污染问题image.crossOrigin='';//image.setAttribute("crossOrigin","anonymous");image.onload=function(){letcanvas=document.createElement("canvas");canvas.width=image.width;canvas.height=image.height;让上下文=canvas.getContext("2d");context.drawImage(image,0,0,image.width,image.height);让url=canvas.toDataURL("图像/png");//获取图片的base64编码数据leta=document.createElement("a");//生成一个元素letevent=newMouseEvent("click");//创建点击事件a.download=name||“照片”;//设置图片名称a.href=url;//将生成的URL设置为a.href属性a.dispatchEvent(event);//触发点击事件};image.src=imgsrc;console.log(image.src)},add:function(item){letimgBox=item.contentPics.split(',')imgBox.forEach((items)=>{items=imgSrc+items;//var名称=newDate().getTime().toString()+(Math.random()*10);varname=newDate().getTime().toString()+items.split(".")[1];//this.downloadFile(items)this.downloadIamge(items,name);})},