前端访问后端的图片可以下载,但是图片却显示不了
问题描述:
访问接口,可以下载图片
但是,我使用element ui plus 的图片组件,就不可以显示图片
这是我的代码,el-image部分是显示图片的
scope.row是{ "id": 1, "username": "admin", "password": "admin", "nickName": "管理员", "age": 32, "sex": "男", "address": "火星", "avatar": "http://localhost:9090/user/download/20211103225018-Nitro_Wallpaper_5000x2813", "deleted": 1 }
url路径没有问题啊
但是我查看页面元素时
怎么图片的标签都没有啊
然而我再看网络请求
并没有图片的请求
非常的奇怪
我的后端是
我想后端下载图片的代码应该错不了,因为图片是可以下载的
麻烦大家帮忙看看是什么缘故
答
content-type改为下面注释掉那句,上面的octet-stream那句注释掉看看。可能elementui判断了content-type。
题主直接用img标签加载图片能显示吗?
答
看着你的代码,你这个服务端是用来下载图片的吧。
正常是直接返回一张图片,简单理解就是http header头是 image/jpeg 或者 image/png 等相关图片格式。
或者说在浏览器里 访问 图片的地址,不是下载图片,而是直接显示图片出来。