search

xyxiao001 / vue-cropper

A simple picture clipping plugin for vue
https://github.xyxiao.cn/vue-cropper/docs/vue3.html
MIT License
4.34k stars 703 forks source link

vue3使用阿里云oss存储的外链图片，在裁剪框内不显示，但是百度上的外链图片可以显示，请问大佬这是什么原因 #856

Open lmt19920506 opened 3 weeks ago

lmt19920506 commented 3 weeks ago

`<VueCropper ref="cropperRef" :img="showUrl" canScale :outputSize="option.size" :outputType="option.outputType" :autoCrop="option.autoCrop" :fixedBox="true" :autoCropWidth="currentImageObj.width" :autoCropHeight="currentImageObj.height" :full="option.full" @realTime="realTime" @imgMoving="imgMoving" @cropMoving="cropMoving"

`

showUrl数据为阿里云oss存储的外链图片地址： const showUrl = ref('https://likein-test.oss-cn-beijing.aliyuncs.com/e73cdb560467435589eae9a154c5827e.png')

求大佬指导。

lmt19920506 commented 3 weeks ago

image

源码截屏在这里：

image image

showUrl为阿里云图片外链地址，如果换成百度的图片地址，就可以显示

xyxiao001 commented 3 weeks ago

可能是跨域了，需要在阿里云能配置下

lmt19920506 commented 3 weeks ago

如果用img标签src引入图片，是可以显示图片的。后面考虑到跨域这个问题，让后端放开了跨域，但是还是不显示

lmt19920506 commented 3 weeks ago

我把阿里云的图片外链放到您的demo的案例里面，是可以正常显示的

xyxiao001 commented 3 weeks ago

img标签和canvas截图是不一样的，要看看具体报错

lmt19920506 commented 3 weeks ago

没有报错，然后我再交流群里说明了问题，期待您的回复，谢谢