关于web项目，植入到钉钉，ios系统图片上传的问题

最新推荐文章于 2024-09-28 19:02:04 发布

日常前端成长记

最新推荐文章于 2024-09-28 19:02:04 发布

阅读量921

点赞数 2

分类专栏：踩坑之路文章标签：前端钉钉

本文链接：https://blog.csdn.net/weixin_46997491/article/details/127424205

版权

踩坑之路专栏收录该内容

4 篇文章 1 订阅

订阅专栏

本文介绍了在钉钉环境中遇到的字体样式显示差异和iOS设备图片上传失败的问题。针对字体样式问题，建议UI进行微调以适应钉钉环境。对于iOS图片上传失败，解决方案是通过修改axios请求头，删除content-type并强制设定为multipart/form-data，从而解决钉钉在iOS系统中无法识别content-type的问题。

摘要由CSDN通过智能技术生成

项目背景

因甲方需要，要求本公司开发的软件程序，以第三方程序的形式，植入到甲方公司钉钉内部应用中。关于怎么在钉钉设置应用等鸡肋问题，此处省略

所遇问题

钉钉对字体大小设置，即font-size：**px；font-weight：100；font-family字体等的呈现效果，跟微信等浏览器均有区别，可自行尝试。所以会造成视觉上的差距；
在钉钉上传图片，特别是ios版本，会造成上传失败的情况；安卓与鸿蒙不存在

如何解决

针对问题1，其实只需要叫UI重新设计一下样式即可，太简单了，微调即可！
问题2，主要针对ios，问题存在的原因是钉钉在ios系统版本下，使用axios上传图片的过程中，钉钉不能识别请求头content-type，只需要强制更改content-type即可。

// 强制更改请求头
var config = {
           transformRequest: [function (data, headers) {
               // 去除post请求默认的content-type
               delete headers.post['content-type']
               return data
           }]
           // headers: { "Content-Type": "multipart/form-data" }
       }
//然后在发送请求的时候带上config即可
const res = $axios.post(url,params,config)