vue-cropper是一个很好用的图片裁剪插件,目前在项目中用到了,图片上传后,是存储到阿里云的,等拿到后端反给的图片路径去渲染到页面时,会提示图片跨域。
解决方法:
imgTrick(src) {
const img = new Image()
img.src = src
img.crossOrigin = 'anonymous'
return img
},
加上这段代码,把路径传进去走一下这个方法,就OK了。
本文介绍了一个在使用Vue-cropper插件进行图片裁剪时遇到的跨域问题及其解决方案。通过在获取图片路径后,利用Image对象并设置crossOrigin属性为'anonymous',可以有效避免跨域问题,确保图片正常加载。
vue-cropper是一个很好用的图片裁剪插件,目前在项目中用到了,图片上传后,是存储到阿里云的,等拿到后端反给的图片路径去渲染到页面时,会提示图片跨域。
解决方法:
imgTrick(src) {
const img = new Image()
img.src = src
img.crossOrigin = 'anonymous'
return img
},
加上这段代码,把路径传进去走一下这个方法,就OK了。
543
2189

被折叠的 条评论
为什么被折叠?