图片上传后不能预览的问题

文章目录

      • 1、问题描述
      • 2、分析
      • 3、解决办法
      • 4、将解码后的图片访问地址转成短网址
      • 5、将图片的访问地址转成短网址
      • 6、修改数据库里面的短网址
      • 7、浏览器里面请求新的短网址

1、问题描述

上传中文命名的图片成功后,无法预览

2、分析

1)图片上传成功后会返回图片的URL地址:

https://manwei01.oss-cn-hangzhou.aliyuncs.com/xlc/0/20200809170117/%E5%88%98%E4%BA%91%E9%A3%9E.jpeg

2)前端使用decodeURI对该地址进行了解码:

https://manwei01.oss-cn-hangzhou.aliyuncs.com/xlc/0/20200809170117/刘云飞.jpeg

3)后端将解码后的地址转成短网址,并保存到数据库:
图片上传后不能预览的问题_第1张图片
4)浏览器使用短网址请求图片,服务器返回404
图片上传后不能预览的问题_第2张图片

3、解决办法

1)前端代码需要修复
2)保存到数据库里面的短网址需要修改

4、将解码后的图片访问地址转成短网址

图片上传后不能预览的问题_第3张图片

5、将图片的访问地址转成短网址

图片上传后不能预览的问题_第4张图片

6、修改数据库里面的短网址

图片上传后不能预览的问题_第5张图片

7、浏览器里面请求新的短网址

图片上传后不能预览的问题_第6张图片

参考资料
[01] UrlEncode编码/UrlDecode解码
[02] oss API文档

微信扫一扫关注公众号
image.png
点击链接加入群聊

https://jq.qq.com/?_wv=1027&k=5eVEhfN
软件测试学习交流QQ群号:511619105

你可能感兴趣的:(01软件测试,oss)