首页 > 其他分享 >html5中的file控件支持多文件选择上传

html5中的file控件支持多文件选择上传

时间:2023-08-16 16:36:49浏览次数:38  
标签:控件 文件 html html5 file 上传


在前两天的博文中刚介绍了一款基于jquery的多文件上传控件uploadify,原理是基于flash达到上传效果的

另外,还有一种基于隐藏iframe来实现多文件上传的方法(iframe中放一个form)。

但是其实在Html5中,file控件已经支持多文件选择了。

file控件元素支持多文件选择,其隐藏的玄机就是下面代码中大红高亮的部分:

<input id="fileImage" type="file" size="30" name="fileselect[]" multiple=true />

如果项目可以规定浏览器是firefox的话,用html应该就问题不大了,而且实现也比较简单,
另外,在html5中,文件也能够被拖拽选择上传了。

html5下的上传控件的新特性
http://www.w3.org/TR/html-markup/input.file.html

html5缩略图多文件上传demo
http://www.zhangxinxu.com/study/201109/html5-file-image-ajax-upload.html

 

后台java获取多个文件上传代码
http://www.ssjyblog.com/post/xheditor-java-upload-html5-applicationoctetstream.html

标签:控件,文件,html,html5,file,上传
From: https://blog.51cto.com/u_7457870/7110089

相关文章

  • windows下各个浏览器用html5进行h.264大视频播放的性能对比说明
    最近在调查windows下哪种浏览器进行大视频播放时候稳定性比较高。举h.264的4g的视频为例。选用的浏览器有ie10,firefox,chrome。(因为opera不支持h.264所以没有考虑。safali在windows上的用户不是很多,也暂不考虑)先说明一下,机器的内存是2G。使用的都是最新版本的各个浏览器。采用的是h......
  • 控件
    按钮变色borderColor边框的颜色MouseDownBackColor鼠标悬浮在按钮上时边款的颜色MouseOverBackColor点击时的颜色把窗体嵌套在窗体里面先在页面画一个panel,再添加一个页面(form)设置无边框,大小和panel一样。上图为panel2 上图为无边框privatevoidOpenFrom(F......
  • 【上传文件时异常】The field file exceeds its maximum permitted size of 1048576 b
    1、背景描述本项目是个springboot项目,需要文件上传,上传的是一个pdf文件,大小是5MB,报错内容如下:Causedby:org.apache.tomcat.util.http.fileupload.FileUploadBase$FileSizeLimitExceededException:Thefieldfileexceedsitsmaximumpermittedsizeof1048576bytes.2......
  • 【愚公系列】2023年08月 WPF控件专题 WPF应用程序组成
    (文章目录)<hrstyle="border:solid;width:100px;height:1px;"color=#000000size=1">一、WPF组成WindowsPresentationFoundation由两个主要部分组成:引擎和编程框架。1、WindowsPresentationFoundation引擎。WindowsPresentationFoundation(WPF)引擎是一个用于创建Wi......
  • Winform-控件美化小技巧
    提供一些日常控件美化的小技巧,复杂需求则需要扩展控件。⭐圆角按钮,渐变色按钮1>从PPT中选择圆角长方形形状,填充颜色渐变色,右击另存为png图片;2>按钮的BackColor设置为透明,BackGroundImage设置为刚才的图片,LayOut设为Stretch;3>按钮的FlatStyle设置为Flat,FlatAppearance的Borde......
  • EAS_DEP设置界面控件必填/不能为空
    有个需求需要在新增单据时候,指定字段必填,不能为空,我们可以在dep编辑界面扩张定义中,增加后置脚本,具体如下:  如上即可,获取界面控件值,这里我们限制的是采购人员字段,即F7类型,prmtPurchaseOrgUnit为控件名,getText()获取的是F7的编码,getValue()获取的是F7中显示在input框里的值......
  • MemoryFile 共享内存原理分析
    Android上层提供了一些内存共享工具类,比如MemoryFile。你使用过吗?知道它的实现原理吗?MemoryFile是Java层对Ashmem的一个封装,下面来一起学习MemoryFile,掌握它的使用姿势和底层原理。MemoryFile使用方法大致如下:「进程A中申请一块共享内存写入数据,并准备好文件描述符:」Mem......
  • GCC options: compare -nostartfiles, -nodefaultlibs, -nolibc
    GNU不同编译选项的区别nostartfiles不使用启动文件,默认使用库nodefaultlibs不使用默认库,默认使用启动文件nostdlib不使用启动文件,不使用默认库nolibc不使用启动文件,不使用与系统库紧耦合的库-nostartfiles-nodefaultlibs-nolibc-nostdlib/usr/lib/Scrt1.o......
  • 【愚公系列】2023年08月 WPF控件专题 XAML介绍
    (文章目录)<hrstyle="border:solid;width:100px;height:1px;"color=#000000size=1">前言WPF(WindowsPresentationFoundation)是微软推出的一种基于.net框架的图形用户界面技术,它使用XAML(eXtensibleApplicationMarkupLanguage)作为UI的描述语言。XAML是一种基于XML的标记......
  • Docker Dockerfile指令大全
    FROM-指定基础镜像指定基础镜像,并且Dockerfile中第一条指令必须是FROM指令,且在同一个Dockerfile中创建多个镜像时,可以使用多个FROM指令。#语法格式FROM<image>FROM<image>:<tag>#如果不写<tag>则默认以latest为基准RUN-运行指定的命令构建镜像过程中需要执行的命令。......