如何实现超大文件bs上传及断点续传功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2753个文字,预计阅读时间需要12分钟。
我们平时经常做的上传文件,上传文件的操作看似简单,但实际上也有一些不同之处。这次做上传文件操作,先记录以下要点以便后续使用:首先,我们需要了解上传文件的三个要素:
1.表单提交方式:表单提交方式指的是如何将文件信息提交到服务器,常见的有GET和POST两种方式。
我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。
首先我们需要了解的是上传文件三要素:
1.表单提交方式:post (get方式提交有大小限制,post没有)
2.表单的enctype属性:必须设置为multipart/form-data.
3.表单必须有文件上传项:file,且文件项需要给定name值
上传文件夹需要增加一个属性webkitdirectory,像这样:
<input id="fileFolder" name="fileFolder" type="file"webkitdirectory>
不过webkitdirectory属性有个问题,只能支持高版本的chrome,不能支持低版本的IE,如ie6,ie7,ie8,不能做到全浏览器适配,运行环境比较单一。
本文共计2753个文字,预计阅读时间需要12分钟。
我们平时经常做的上传文件,上传文件的操作看似简单,但实际上也有一些不同之处。这次做上传文件操作,先记录以下要点以便后续使用:首先,我们需要了解上传文件的三个要素:
1.表单提交方式:表单提交方式指的是如何将文件信息提交到服务器,常见的有GET和POST两种方式。
我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。
首先我们需要了解的是上传文件三要素:
1.表单提交方式:post (get方式提交有大小限制,post没有)
2.表单的enctype属性:必须设置为multipart/form-data.
3.表单必须有文件上传项:file,且文件项需要给定name值
上传文件夹需要增加一个属性webkitdirectory,像这样:
<input id="fileFolder" name="fileFolder" type="file"webkitdirectory>
不过webkitdirectory属性有个问题,只能支持高版本的chrome,不能支持低版本的IE,如ie6,ie7,ie8,不能做到全浏览器适配,运行环境比较单一。

