问题描述:前端上传的图片是通过阿里云直传的,但是在得到url展示到页面的时候发现有一张图片无法展示,而其他的都能正常显示。
排查:
// 1. 刚开始以为是图片文件名字不能带汉字或空格,但是用其他图片就能正常展示
// 2. 可能图片太大了,然后我对图片进行压缩,还是没有用
// 对上传到oss的图片进行压缩的方法:
url + '?x-oss-process=image/resize,w_100/quality,q_10'
//在url路径后面加上这么一段代码
// 3.url路径中有特殊字符,用 url = encodeURI(url) 进行转码
//4.
获取原始的OSS URL地址,使用 ?x-oss-process=image/info 查看原图信息
发现这张图片是tiff类型的
需要在OSS URL地址后面加上 '?x-oss-process=image/format,png' 把图片转换成png类型的就可以正常显示了