返回顶部
首页 > 资讯 > 精选 >Vue3使用van-uploader遇到某些安卓机型(小米、vivo、oppo等等)无法上传文件解决方案
  • 905
分享到

Vue3使用van-uploader遇到某些安卓机型(小米、vivo、oppo等等)无法上传文件解决方案

vue3vant文件上传typescript 2023-08-17 11:08:33 905人浏览 泡泡鱼
摘要

文章目录 概要对应的附件格式组件封装小结 概要 最近在做移动端时遇到个上传附件的需求是只能上传以下类型的文件: 图片文件(jpeg、jpg、png)文档文件(pdf、txt、doc、docx、xls、xlsx、ppt、ppt

概要

最近在做移动端时遇到个上传附件的需求是只能上传以下类型的文件:

  • 图片文件(jpeg、jpg、png)
  • 文档文件(pdf、txt、doc、docx、xls、xlsx、ppt、pptx)

在这里我用的是有赞的上传组件,但是上线后,发现苹果手机没有问题,反而一些安卓手机都出现了问题,在经过几次的修改,调整了限制文件类型后,就正常上传了!!!可喜可贺,以此记录下解决方法,希望能够帮到大家。

对应的附件格式

  1. 图片格式(限制png、jpeg、png)

accept=“image/jpeg,image/png,image/jpg”
jpeg:image/jpeg
png:image/png
jpg:image/jpg

  1. 文件格式(限制pdf、doc、docx、ppt、pptx、xls、xlsx)

pdf:application/pdf
doc:application/msWord
docx: application/vnd.openxmlfORMats-officedocument.wordprocessingml.document
ppt:application/vnd.ms-powerpoint
pptx:application/vnd.openxmlformats-officedocument.presentationml.presentation
xls: application/vnd.ms-excel
xlsx:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

  1. 文本格式(限制txt)

txt:text/plain

  1. 文件格式(限制zip和rar)

zip:application/zip
rar:application/x-rar-compressed

组件封装

提示:这里用来判断是否包含限制类型、文件大小是否符合标准

小结

本文参考来源
上传附件类型统计(accept)日常word、pdf、ppt、excel等

input的type=file上传文件accept中限制文件类型pdf、doc、docx、 jpg、 png、xls 、xlsx等格式

input的file类型指定上传类型

html <input type=file>上传文件时,accept属性值汇总,支持文件格式,限制文件格式,限制上传图片的格式

来源地址:https://blog.csdn.net/weixin_45331887/article/details/131551216

--结束END--

本文标题: Vue3使用van-uploader遇到某些安卓机型(小米、vivo、oppo等等)无法上传文件解决方案

本文链接: https://lsjlt.com/news/372794.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作