vue 图片跨域问题解决

let image = new Image();let that = this;image.crossOrigin = '';image.src = url;image.src = url + '?time=' + new Date().valueOf();// 允许跨域操作image.setAttribute('crossOrigin', 'anonymous');image.o...

miaoqiwu

7071人浏览 · 2020-03-24 09:44:25

miaoqiwu · 2020-03-24 09:44:25 发布

let image = new Image();
let that = this;
image.crossOrigin = '';
image.src = url;
image.src = url + '?time=' + new Date().valueOf();
// 允许跨域操作
image.setAttribute('crossOrigin', 'anonymous');
image.onload = function() {
  let base64 = that.getBase64Image(image);
  let img2 = that.convertBase64UrlToBlob(base64);
  if (type === 1) that.changeKoubeiImg(1, img2);
  if (type === 2) that.changeKoubeiImg(2, img2);
};

setAttribute 解决了图片跨域问题,记录下

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^