上传文件进行格式限制 --input file
发布日期:2021-05-15 00:08:28 浏览次数:12 分类:精选文章

本文共 1657 字,大约阅读时间需要 5 分钟。

文件上传格式验证方法

在文件上传功能中,为了确保用户上传的文件符合预期格式,常需要对文件类型进行验证。最直接的方法是通过文件扩展名来判断,但这种方式并非万能解决方案。在实际项目中,可能会根据需求对多个文件格式进行限制或允许。以下是常见的文件格式对应的MIME类型及验证方法示例。

常见文件格式对应的MIME类型

  • .xls:对应 application/vnd.ms-excel
  • .xlsx:对应 application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
  • .doc:对应 application/msword
  • .pdf:对应 application/pdf
  • .png:对应 image/png
  • .jpg:对应 image/jpeg
  • .gif:对应 image/gif
  • .xml:对应 text/xmlapplication/xml

在前端验证时,可以通过获取文件的扩展名并与允许的格式列表进行匹配来判断文件是否合规。以下是一个常见的验证逻辑示例:

const allowedExtensions = ['xls', 'xlsx'];const fileExtension = file.name.split('.')[1].toLowerCase();if (!allowedExtensions.includes(fileExtension)) {    alert('请上传.XLS或.XLSX格式的文件-fixed-');    return false;}

文件类型验证的扩展

在实际项目中,文件上传格式的限制可能会根据业务需求有所不同。以下是一些常见的文件格式及其对应的MIME类型:

  • .ac3audio/ac3
  • .asfapplication/vnd.ms-asf
  • .auaudio/basic
  • .csstext/css
  • .csvtext/csv
  • .docxapplication/vnd.openxmlformats-officedocument.wordprocessingml.document
  • .dxfimage/vnd.dxf
  • .epsimage/vnd.eps
  • .gifimage/gif
  • .icoimage/x-icon
  • .jpeimage/jp2
  • .jpegimage/jpeg
  • .jpgimage/jpeg
  • .jsonapplication/json
  • .movvideo/quicktime
  • .mp3audio/mpeg
  • .mp4video/mp4
  • .mpegvideo/mpeg
  • .oggaudio/ogg
  • .pdfapplication/pdf
  • .pngimage/png
  • .potapplication/vnd.ms-powerpoint
  • .ppsapplication/vnd.ms-powerpoint
  • .pptapplication/vnd.ms-powerpoint
  • .rtfapplication/rtf
  • .svfimage/vnd.svf
  • .tifimage/tiff
  • .tiffimage/tiff
  • .txttext/plain
  • .wdbapplication/vnd.ms-works
  • .wpsapplication/vnd.ms-works
  • .xhtmlapplication/xhtml+xml
  • .xlsmapplication/vnd.ms-excel.sheet.macroEnabled.12
  • .xltapplication/vnd.ms-excel
  • .xlwapplication/vnd.ms-excel
  • .xmltext/xml
  • .zipapplication/zip

在开发过程中,可以根据具体需求灵活配置允许的文件格式列表,并在项目中添加相应的格式验证逻辑,以确保文件上传的安全性和规范性。

上一篇:scollbar常用属性及样式解析
下一篇:键盘监听事件---原生js,angular,Vue(修饰符)

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2025年04月18日 05时31分05秒