概要
最近在做移动端时遇到个上传附件的需求是只能上传以下类型的文件:
- 图片文件(jpeg、jpg、png)
- 文档文件(pdf、txt、doc、docx、xls、xlsx、ppt、pptx)
在这里我用的是有赞的上传组件,但是上线后,发现苹果手机没有问题,反而一些安卓手机都出现了问题,在经过几次的修改,调整了限制文件类型后,就正常上传了!!!可喜可贺,以此记录下解决方法,希望能够帮到大家。
对应的附件格式
- 图片格式(限制png、jpeg、png)
accept=“image/jpeg,image/png,image/jpg”
jpeg:image/jpeg
png:image/png
jpg:image/jpg
- 文件格式(限制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
- 文本格式(限制txt)
txt:text/plain
- 文件格式(限制zip和rar)
zip:application/zip
rar:application/x-rar-compressed
组件封装
提示:这里用来判断是否包含限制类型、文件大小是否符合标准
{{ text }}
小结
本文参考来源
上传附件类型统计(accept)日常word、pdf、ppt、excel等
input的type=file上传文件accept中限制文件类型pdf、doc、docx、 jpg、 png、xls 、xlsx等格式
html <input type=file>上传文件时,accept属性值汇总,支持文件格式,限制文件格式,限制上传图片的格式
来源地址:https://blog.csdn.net/weixin_45331887/article/details/131551216