我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。
首先我们需要了解的是上传文件三要素:
1.表单提交方式:post (get方式提交有大小限制,post没有)
2.表单的enctype属性:必须设置为multipart/form-data.
3.表单必须有文件上传项:file,且文件项需要给定name值
上传文件夹需要增加一个属性webkitdirectory,像这样:
不过webkitdirectory属性有个问题,只能支持高版本的chrome,不能支持低版本的IE,如ie6,ie7,ie8,不能做到全浏览器适配,运行环境比较单一。
js中可以判断文件夹中文件数量及文件夹大小是否符合要求,不符合要求不能向后台提交:
前台HTML模板
this.GetHtmlFiles = function()
{
var acx = "";
acx += '
\
\
';
\
\
\
\
HttpUploader程序开发.pdf
\
(35%)
\
1000.23MB
\
15.3MB 20KB/S 10:02:00
\
\
';
取消
\
继续
\
停止
\
删除
\
acx += '
//文件夹模板
acx += '
\
\
\
\
\
\
HttpUploader程序开发.pdf
\
(35%)
\
1000.23MB
\
15.3MB 20KB/S 10:02:00
\
\
取消
\