uniapp app端 ios 安卓 附件上传踩得坑

这篇具有很好参考价值的文章主要介绍了uniapp app端 ios 安卓 附件上传踩得坑。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

于是我就去百度,翻到了一款叫 lsj-upload插件
uniapp app端 ios 安卓 附件上传踩得坑
安卓端用插件没有任何问题,轻松解决附件上传的问题。
后来真机运行ios,点击选择附件,没有任何弹窗,进入源码查看try catch也没有任何报错。这事整了好几天无果。
后来选择1.0的版本,选择附件uniapp app端 ios 安卓 附件上传踩得坑
弹窗出来了,但是ios上传失败了,网络请求显示no content,原来是ios有限制,
如图
uniapp app端 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请求。最后让后端单独对这个接口做了开放文章来源地址https://www.toymoban.com/news/detail-425466.html

到了这里,关于uniapp app端 ios 安卓 附件上传踩得坑的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • UNIAPP中IOS和安卓应用热更新和整包更新app的方法

    公司有一个项目《配送APP》是用uniapp开发的,用于公司几百号骑士员工使用,功能已经很完备,具有分配配送任务,接单,取餐,完成,打卡等功能,用得一直很好,但唯一一个缺点是,当APP功能上有升级时需要通知全体骑手手动把旧版本卸载了,再手工下载新版本安装,更

    2023年04月08日
    浏览(28)
  • uniapp图片上传,uniapp视频上传,uniapp附件上传,uniapp上传文件、uniapp文件上传组件

      uniapp文件上传组件,支持图片、视频上传 html部分:    js: 注意:图片或者视频预览的时候,需要一个文件的临时地址

    2024年02月11日
    浏览(38)
  • uniapp - 安卓|苹果App软件实现调用百度人脸识别接口服务及人脸活体认证功能,uniapp苹果ios、安卓Android手机app平台,人脸认证、活体检测、身份证与人脸验证(示例代码,一键复制

    在uniapp手机App开发中(安卓Android|苹果ios系统),利用百度人脸识别api接口对接uniapp APP进行人脸识别、人脸检测、活体验证、人脸对比、人脸搜索、身份证信息是否与人脸匹配,支持离线SDK集成、离线无网络正常使用功能、自定义人脸识别框附近的页面样式和大小等。 提供详

    2024年04月11日
    浏览(44)
  • uniapp下载附件保存到手机(文件、图片)ios兼容

    downloadFile(file) ,其中 file 为下载的文件地址 uni.downloadFile 图片 使用 uni.saveImageToPhotosAlbum 【安卓、ios都合适】 文件 使用 uni.openDocument 【安卓图片也可以用这个,ios会失败】

    2024年02月06日
    浏览(36)
  • uniapp写公众号h5开发 附件上传 下载功能

    一。 uni-app实现文件上传功能 目前,找到一款第三方插件 文件上传插件地址 https://ext.dcloud.net.cn/plugin?id=1015 将插件下载并导入项目中直接拿来使用,插件市场也有对改插件用法的描述。 用法: 1. 以下代码写于根目录下第一个view顶部或跟在自定义导航栏后面 2.在使用的页面引

    2024年02月11日
    浏览(35)
  • uniapp 打包安装(安卓和ios)

    所需要的文件 包名 证书别名 证书私钥密码 证书文件 准备好文件后点击hbuilder的发行-原生app-云打包 注意:要选择自用证书及打正式包及快速安心打包,第一次打包时可能会勾选基础广告,取消即可。打包前需要在 DCloud里进行绑定手机号和实名认证的操作,否则会打包失败

    2024年02月02日
    浏览(32)
  • uniapp安卓ios打包上线注意事项

    1、安卓包注意事项 隐私政策弹框提示   登录页面隐私政策默认不勾选 隐私政策同意前不能获取用户权限 APP启动时,在用户授权同意隐私政策前,APP及SDK不可以提前收集和使用IME1、OAID、IMS1、MAC、应用列表等信息   ios包注意事项 需要有注销账号的功能 3、安卓包基本资料

    2024年02月12日
    浏览(41)
  • uniapp 蓝牙小程序-兼容安卓和iOS

    withTimeout方法可以在搜寻设备时等待指定的秒数,如果30秒内未搜索到则取消搜索  计算数据校验和: 校验字节等于命令字节与所有数据字节之和的反码。求和按带进位加 (ADDC)方式计算,每个进位都被加到本次结果的最低位(LSB)。 vue页面代码   js函数代码 

    2024年02月03日
    浏览(30)
  • uniapp 安装安卓、IOS模拟器并调试

    一、安装Android模拟器并调试 1.下载并安装Android Studio。 2.创建简单project。 3.安装模拟器。  完成安卓模拟器的安装。 4.启动模拟器。 5.hbuilderx选择模拟器、运行。 点击刷新按钮后出现模拟器,勾选并运行。 6.调试。 在  HBuilderX  中,项目启动后,在下方的控制台选择  deb

    2024年04月25日
    浏览(31)
  • 前端vue/uniapp —— 兼容ios与安卓问题

    ① css样式无效:安卓可,ios不可 ② 富文本外层包裹:安卓可,ios不可 ③ 提取富文本文字后加css样式:安卓可,ios可,不完美的解决办法

    2024年02月16日
    浏览(30)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包