TryCoding.FunTryCoding.Fun
  • 文章
  • 项目
  • 归档
  • 关于
搜索... ⌘K
Home Work Blog Projects
返回博客

JS input 文件上传格式限制

本文介绍如何使用 JavaScript 限制 input 文件上传的格式,包括图片和视频格式的限制。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
2022年3月29日
Mt.r
|
#JavaScript

上传文件时对文件的格式限制

图片

<input
  ref="imageFileUpload"
  type="file"
  hidden
  @change="onImageFileChanged"
  accept="image/png, image/gif, image/jpeg, image/bmp, image/x-icon"
  style="display: none"
/>

视频

<input
  ref="videoFileUpload"
  type="file"
  hidden
  @change="onVideoFileChanged"
  accept="video/mp4,video/x-m4v,video/*"
  style="display: none"
/>
上一篇
JS 自定义 Quill 富文本编辑器
本文介绍如何使用 JavaScript 自定义 Quill 富文本编辑器,包括创建自定义组件、监听删除事件以及相关代码示例和参考文章。
下一篇
JS input 上传文件只能上传一次问题解决
解决 JS input 上传文件只能点击一次,再次点击无效的 bug。文章提供代码示例及解决方案,帮助开发者解决文件上传问题。

目录

  • 图片
  • 视频

分类

全部文章 577 前端 393 运维 77 技术 71 后端 25 数据库 10 生活 1

热门标签

#JavaScript #Vue #Linux #CSS #Go #CentOS #React #Nginx #Git #HTML #iOS #Mac #MySQL #Jenkins #TypeScript #Python #Docker #C #Webpack #数据库
Trycoding.fun
© 2025 版权所有 京ICP备19000129号-4
文章 项目 归档 关于 GitHub