HTML上传文件

HTML上传文件文件上传表单 formaction method post enctype multipart form data div inputtype file multiple multiple accept image name image inputtype file multiple multiple accept image div div inputtype submit value 上传 inputtype submit value 上传 div formaction

文件上传表单:

<form action="/" method="post" enctype="multipart/form-data"> <div><input type="file" multiple="multiple" accept="image/*" name="image"> 
     div> <div><input type="submit" value="上传"> 
      div>  
       form> 

加上multiple="multiple"可以上传多个文件,否则只能传单个文件。
accept="image/*"表示上传文件的MIME类型,多个MIME类型用逗号隔开,常见MIME类型如下:

后缀名       MIME名称
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
*.3gpp     audio/3gpp, video/3gpp
*.ac3      audio/ac3
*.asf      allpication/vnd.ms-asf
*.au       audio/basic
*.css      text/css
*.csv      text/csv
*.doc      application/msword    
*.dot      application/msword    
*.dtd      application/xml-dtd    
*.dwg      image/vnd.dwg    
*.dxf      image/vnd.dxf
*.gif      image/gif    
*.htm      text/html    
*.html     text/html    
*.jp2      image/jp2    
*.jpe      image/jpeg
*.jpeg     image/jpeg
*.jpg      image/jpeg    
*.js       text/javascript, application/javascript    
*.json     application/json    
*.mp2      audio/mpeg, video/mpeg    
*.mp3      audio/mpeg    
*.mp4      audio/mp4, video/mp4    
*.mpeg     video/mpeg    
*.mpg      video/mpeg    
*.mpp      application/vnd.ms-project    
*.ogg      application/ogg, audio/ogg    
*.pdf      application/pdf    
*.png      image/png    
*.pot      application/vnd.ms-powerpoint    
*.pps      application/vnd.ms-powerpoint    
*.ppt      application/vnd.ms-powerpoint    
*.rtf      application/rtf, text/rtf    
*.svf      image/vnd.svf    
*.tif      image/tiff    
*.tiff     image/tiff    
*.txt      text/plain    
*.wdb      application/vnd.ms-works    
*.wps      application/vnd.ms-works    
*.xhtml    application/xhtml+xml    
*.xlc      application/vnd.ms-excel    
*.xlm      application/vnd.ms-excel    
*.xls      application/vnd.ms-excel    
*.xlt      application/vnd.ms-excel    
*.xlw      application/vnd.ms-excel    
*.xml      text/xml, application/xml    
*.zip      aplication/zip    
*.xlsx     application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

如果要上传文件夹,则需要使用webkitdirectory,但是一旦使用了这个参数,就只能上传文件夹了,单文件和多文件的选项都会失效。

<form action="/" method="post" enctype="multipart/form-data"> <div><input type="file" webkitdirectory accept="image/*" name="image"> 
     div> <div><input type="submit" value="上传"> 
      div>  
       form> 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/201482.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月20日 上午9:17
下一篇 2026年3月20日 上午9:18


相关推荐

  • NAND FLASH学习笔记之nand flash基础(一)

    NAND FLASH学习笔记之nand flash基础(一)一 NandFlash 的几个重要的基本特性 1 nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp NandFlash 的 IO 接口 nbsp nbsp nbsp nbsp nbsp nbsp nbsp 对于 Norflash dram 之类的存储设备 CPU 可以直接通过地址总线对其进行访问 而 NandFlash 没有这类的总线 只有 IO 接口 只能通过复用的 IO 接口发送命令和地址 从而实现对 NandFlash 内部数据进行访问 端口的复用 2

    2026年3月26日
    2
  • Vim配置文件vimrc入门介绍

    Vim配置文件vimrc入门介绍本文转载自:vim教程网Vim入门级基础配置-Vim入门教程(1)介绍Vim配置文件.vimrc,配置Vim显示行号、支持utf8中文不乱码、突出显示Vim当前行,设置高亮显示括号匹配和tab缩进,解决Vim粘贴时多出缩进和空格问题。一、Vim配置文件.vimrcVim编辑器相关的所有功能开关都可以通过.vimrc文件进行设置。.vimrc配置文件分系统配置和用户配置两种。系…

    2022年4月30日
    111
  • 10 款不能错过的免费软件[20260122]

    10 款不能错过的免费软件[20260122]

    2026年3月12日
    3
  • 平面方程的几种形式及推导过程(总结)

    平面方程的几种形式及推导过程(总结)平面方程的基本定义三维空间中所有处于同一平面的点所对应的方程 任何一个平面都可以用三元一次方程来表示 确定一个平面需要的条件点法式 1 平面上的一个点 2 以该点为起点的法向量 标准式 1 平面上的一个点 2 两个不线且与平面平行的向量 三点式 1 三个不同时共线的点 注意 若已知三个点求平面方程 通常利用这三个点得出两

    2026年3月17日
    2
  • pycharm远程连接服务器运行代码加调试

    pycharm远程连接服务器运行代码加调试由于计算环境都在 linux 服务器上 本地电脑太烂 但是 linux 服务器上直接又无法使用 pycharm 这款工具 所以解决办法是利用 windows 中安装的 pycharm 远程连接 linux 服务器 1 设置远程连接配置依次打开这三个箭头的指向 打开配置面板 在配置面板中可以为你当前的连接起一个名称 这个名称是用于给你区分你连接的是哪台服务器的 下面依次有三个选项卡 connecti

    2026年3月27日
    2
  • phpstorm 2021最新激活码_通用破解码

    phpstorm 2021最新激活码_通用破解码,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月17日
    202

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号