需求:app端 ios 需要实现附件上传功能

于是我就去百度,翻到了一款叫 lsj-upload插件

安卓端用插件没有任何问题,轻松解决附件上传的问题。
后来真机运行ios,点击选择附件,没有任何弹窗,进入源码查看try catch也没有任何报错。这事整了好几天无果。
后来选择1.0的版本,选择附件
弹窗出来了,但是ios上传失败了,网络请求显示no content,原来是ios有限制,
如图

也就是说ios读取本地文件存在跨域。

ios读取本地文件存在跨域(没有解决)

后来,把测试手机的ios11.0.1升级了,2.0版本的插件选择附件的弹窗成功可以

调用接口:

成功升级选择文件之后,接下来就是调用接口,通过抓包工具发现:

request

OPTIONS /api/adminFile/upload HTTP/1.1
Host: 127.0.0.1:88
Origin: null
Access-Control-Request-Method: POST
Connection: close
Access-Control-Request-Headers: admin-token
Accept: */*
User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_7_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 Html5Plus/1.0 (Immersed/20) uni-app
Accept-Language: zh-CN,zh-Hans;q=0.9
Accept-Encoding: gzip, deflate
Content-Length: 0

response

HTTP/1.1 200 OK
Server: nginx/1.17.9
Date: Thu, 12 Jan 2023 06:01:36 GMT
Content-Length: 0
Connection: close
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: *
Access-Control-Max-Age: 18000L
Access-Control-Allow-Headers: *
Access-Control-Expose-Headers: *
Access-Control-Allow-Credentials: true

request里面出现了OPTIONS后面去网上了解了一下OPTIONS,发现还是不同,最后当后端接口全开放,这时候就通了,先走了一遍OPTIONS,然后走POST请求。最后让后端单独对这个接口做了开放

uniapp app端 ios 安卓 附件上传踩得坑相关推荐

  1. APP(IOS)蒲公英上传成功但下载页报错

    近日准备发布一款游戏的测试版本,弄了半天itunes都找不到"应用",结果被告知v12版本被去除,现在流行用蒲公英发布版本.好吧,那我也来耍一把.Xcode打包然后上传,一切都很顺 ...

  2. H5移动端原生JS封装附件上传服务器

    本文主要通过原生的js封装附件上传upload.js.可成功内嵌钉钉,ios和安卓端可正常使用,支持单个.多个附件上传. 一.业务需求 封装原生JS附件上传,动态创建附件列表,可对附件列表进行删除和新 ...

  3. # 电脑端的应用无法上传附件,点击没有反应怎么办?

    # 电脑端的应用无法上传附件,点击没有反应怎么办? 一·一般是驱动的问题.查询是否安装驱动,若没有,安装一个驱动: 二·若安装了驱动,则·打开浏览器的菜单--工具--Internet属性--安全--自 ...

  4. uniapp 微信小程序开发 图片上传压缩

    uniapp 微信小程序开发 图片上传压缩 安卓上传图片并压缩 思路 全部代码 安卓上传图片并压缩 由于后端接口对图片的大小有限制,所以在上传图片是需要压缩处理: uni.chooseImage({c ...

  5. uniApp App端跳转到深色页面闪白记录及优化处理方法

    此方法仅针对App端 (IOS 未测试). 问题产生 从亮色页面切换到深色页面,切换过程中会先出来白底(闪一下),然后才会出现页面内容. 一般首次打开深色页面时候不会出现,二次进入深色页面才会出现以上 ...

  6. 微信小程序基于vant和springboot实现附件上传和预览

    前言 图片上传和预览在移动端应用非常广泛和频繁,vant组件库van-uploader组件已经帮我们实现了大部分功能,但是在系统中频繁使用还是有点麻烦,我们根据自身的业务系统重新封装了一下简化我们的开 ...

  7. uniapp app端使用html2canvas和renderjs实现生成海报图

    uniapp app端使用html2canvas和renderjs实现生成海报图 原本app端是无法使用html2canvas的因为,app端不支持浏览器js. 不过我在uniapp里面看到了rend ...

  8. 利用钉钉云盘实现业务系统需要的附件上传、下载和预览

    本文主要记录自己在工作学习中遇到的坑和解决思路,仅供大家参考 目录 前言 一.钉盘是什么? 二.为什么要使用钉盘? 三.JSAPI鉴权 1.鉴权的时机 2.鉴权的时效 3.鉴权的代码 3.1.获取ac ...

  9. ASP.NET多附件上传和附件编辑的实现

    在写这篇文章之前我也在Google上找到了很多有关多附件上传的文章,有用ASP.NET实现的,也有用JSP.PHP等其它技术实现的,但基本前提都是事先通过js脚本来动态创建DOM,然后上传的时候在服务 ...

最新文章

  1. docker容器间双向通信(基于Bridge网桥)
  2. 学习方法之07克服拖延症,每个人都有一个拖延的理由
  3. jQuery对象与dom对象的转换
  4. call_user_func和call_user_func_array的用法
  5. 常用的C#正则表达式! [转]
  6. 【动态规划】计蒜客:蒜头君的日志(最长递增公共子序列)
  7. dll找不到dll electron_electron之集成node-ffi-napi
  8. awk使用多个分割符
  9. 46zTree - Metro 风格的左侧菜单
  10. 百度统计热力图邀请码
  11. BIMC中国最权威的电子商务托管运营商
  12. Mysql高级命令与概念
  13. IPV6 官方文档 解决ipv6 的问题
  14. 2017全国电赛综合测评四分频电路(一片D触发器74LS74的两种方法,有图有真相,实测波形图)
  15. python统计中英文字符_如何统计文本中的中英文字符数?Python帮你解决
  16. MATOKU FLASH手绘一套作品
  17. MySQL:ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
  18. U3D的坑坑洼洼(1)
  19. 二维码扫描的相关知识
  20. VBA·Function的基础使用

热门文章

  1. 利用OBS输出计时器定时录制功能录制视频
  2. 保弘实业|比较好的小额个人理财方法
  3. nginx 限定特定地址访问
  4. LeetCode琅琊榜第十六层-Z字型变换(直接构造法 + 周期性算法)
  5. 2.4GHz射频前端集成芯片AT2401C介绍和引脚图片
  6. 嵌入式系统开发笔记102:DEV C++的使用
  7. 《快学scala第二版》第一章 练习答案
  8. 我和程序员打了13年交道后,为什么做了缘创派?
  9. 本地局域网用wordpress搭建个人网站
  10. 【CVPR2019】【CVPR腾讯】【CVPR 腾讯AI Lab】2019年腾讯AI Lab共33篇:解读六大前沿方向