背景

截图上的的上传图片后面有个下载图标,点击可以打开图片,IOS最新版本打开页面是乱码,但是安卓可以正常打开,并且同一个组件(其他表单)ios是可以打开的

同一个申请单,不同模块,同一种组件,ios其他模块就可以正常预览,这个模块打开就是乱码,而且在本地测试环境就正常,控制台调整任何ios版本都可以正常预览,并且没有任何报错

ios点击下载之后的页面是:

定位问题

  1. 同一表单,同一组件:排除项目配置、组件封装问题
  2. 由于模块不同,该字段名不同,猜想可能绑定数据的属性有差别,验证一下:

    发现绑定的都是对象数组,对象成员都是:fileId、fileName、totalBytes,所以排除绑定数据字段缺失问题
  3. ios识别图片为乱码还有一个原因:iOS不支持WebP格式图片,所以,猜想可能上传图片为Webp格式,验证一下:
    可以获取一下该图片详细信息

    查看结果之后,可以排除图片上传格式问题
  4. 我在仔细看了代码之后发现,虽然是同一个组件,但是它的配置不一样,预览正常的只支持Image,乱码的支持Image和Vedio格式

    虽然组件配置属性不一样,但他只是对上传类型做了限制,我只是上传了图片,并没有上传Vedio格式,那么他为什么会影响到预览呢?
    在我仔细查看了接口之后,发现他们的响应头有些不一样,
    正常的反悔了content-type属性,但是乱码的没有返回该属性


    返回的文件流少一个类型的头,那么为什么会缺少呢,查看了数据库发现他们的MINE_TYPE(媒体类型)字段值不一样,定位这就是问题,更改了之后发现确实如此:

图片在安卓可正常下载预览,但是ios最新版本不行相关推荐

  1. 安卓镜像刻录软件_安卓8.0开发者预览版镜像系统下载-Android O开发者预览版镜像官方正式版-东坡下载...

    Android O开发者预览版镜像是谷歌今日正式发布的安卓首个开发者预览版,给大家提供官方镜像系统下载地址,这次的安卓8.0版本更新了许多内容,感兴趣的快来下载吧! Android O开发者预览版镜像 ...

  2. js 获取图片url的Blob值并预览

    js 获取图片url的Blob值并预览 1)使用 XMLHttpRequest 对象获取图片url的Blob值 参考:https://www.cnblogs.com/tujia/p/6483255.h ...

  3. 安卓的用户实时预览Figma设计稿的方法

    实时预览功能对于UI设计师来说非常重要.它可以帮助他们更快速.更直观地查看设计稿的效果,从而更快地修正设计问题,提高工作效率. 通过实时预览,你可以检查设计是否符合预期,确保元素之间的对齐方式.字体大 ...

  4. h5下载预览pdf,excel

    h5下载预览pdf(pdf.js) 1.下载pdf.js 2.预览有两种方式: 方式一: (1)把文件放到项目根目录 (2)配置文件路径就可以了 window.open('/pdf/web/viewe ...

  5. [html] 图片上传时实现本地预览功能的原理是什么?

    [html] 图片上传时实现本地预览功能的原理是什么? 通过HTML5 File API读取用户上传的图片,生成一个image对象显示到页面 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容 ...

  6. android beta项目官方页面,安卓7.0开发者预览版如何安装?Android Beta项目正式上线...

    谷歌现在越来越不按常理出牌了,今天早些时候,他们已经提前秀出了Android 7.0.从最新亮相的Android N开发者预览版来看,谷歌进行了一些调整,但更重要的是,增加了一些新的功能,比如分屏.新 ...

  7. apicloud 预览图片_APICloud(三):预览图片

    上一篇说的选择图片,且显示图片的img标签的父级A标签每个都添加了onclick事件previewThePic,该事件用来预览图片.且所有的A标签都添加在picList的div中.(PS:先说好层级关 ...

  8. 图片用美图看看打印预览空白

    图片用美图看看打印预览空白 可能是由于尺寸太大的关系(3000多乘4000多),打开方式改用"画图"软件打开.打印正常.

  9. 使用实时摄像头预览的iOS对象检测(六)

    目录 介绍 应用布局 捕获相机反馈 相机反馈预览 完成相机预览配置 结论 总目录 将ONNX对象检测模型转换为iOS Core ML(一) 解码Core ML YOLO对象检测器(二) 使用数组操作解 ...

最新文章

  1. 如何衡量目标检测模型的优劣
  2. 文本编辑器Nano实用快捷键
  3. 操作系统学习(五) 、代码段和数据段描述符
  4. 皇室战争:第27赛季调整出炉,共涉及16张卡牌,暗巫要凉?
  5. 7-8 哈利·波特的考试 (25 分)(详解+思路分析)真香啊
  6. cls_template.php on line 1072,博客 – 联发多彩网页技术博客
  7. 【POJ - 3041】Asteroids (二分图,最小点覆盖)
  8. Fedora/RHEL/openSUSE等Linux安装vivaldi——vivaldi浏览器
  9. ruhr启动mysql数据库_mysql报错:ERROR! MySQL is not running, but lock file (/var/lock/subsys/mysql) exists...
  10. php全表搜索,搜索整个表? PHP MySQL
  11. 数据库 sqlserver实现插入随机姓名性别民族
  12. Android EditText属性大全
  13. 使用MagicIndicator+ViewPager2出现requestLayout() improperly called by
  14. 让割草类游戏更有趣的攻击动作设计技巧
  15. Python环境下数据处理常用命令
  16. 蚪侠模板站群-V25版[泛域名+泛目录+泛内页]-[代码+汉字]干扰-字体繁简切换-蜘蛛欺骗-主动推送-全局锚文本锁定-自动新闻采集-自动模板采集
  17. 用这几个扫一扫识别文字的软件,告别办公烦恼
  18. 如何用行式 Excel 数据制作不定行列的分组交叉统计表
  19. 第三章:SQL——视图操作
  20. (附源码)php校园二手交易网站 毕业设计041148

热门文章

  1. GPU加速技术原理介绍
  2. HTML 5 手机扫描二维码登陆网页
  3. tf12: 判断男声女声
  4. 美机器战士亮相 魔鬼终结者来了?
  5. 天猫辣酱行业数据分析(天猫销量数据查询)
  6. android写qq聊天界面,30分钟手动实现QQ聊天界面
  7. 贝尔G-140W-ME编程器固件
  8. 【转】给在读研究生+未来要读研同学们的一封信
  9. 这些“商学院必修课”你知道吗?
  10. .office2007安装时,提示找不到Office.zh-cn下的OfficeMUI.msi解决方法