$("#upload_files").fileUpload();
- 支持一次上传多个文件
- 大文件自动分片上传,可以设置分片尺寸
- 点击上传后,如果是图像,显示缩略图,缩略图大小可以配置
- 上传过程中可以获取当个文件的进度以及总进度
- 分片上传失败自动重传(如果服务器端返回JSON错误代码则直接显示错误信息,并不再重试)
- 上传过程中可以取消单个或整个上传(正在上传:中断上传并通知服务器删除;上传成功:通知服务器删除;未上传:直接忽略)
- 客户端上传文件前先发送文件的大小,最后修改时间,文件名到服务器。服务器检查文件无修改则返回false,否则返回true
- 客户端将文件根据配置中的chunk_size切片并上传,发送时需要附加start,length,name,size,lastModified。上传过程中实时更新总进度和当个文件进度。
- 上传中的文件可以删除
url server.php?action=init
method post
data
[{name:name1,size:size1,lastModified:lastModified1},{name:name2,size:size2,lastModified:lastModified2},...]
type json
error int 0 or other
msg string
data
[true,false,true,...]
url server.php?action=upload&part=part&start=start&length=length&size=size&lastModified=lastModified&name=name
method post
data binary rawpost
data
{error:0}
url server.php?action=delete&size=size&lastModified=lastModified&name=name
method post
- 通过HTML5来上传文件教程
- 使用Html5的WebSocket在浏览器上传文件
- 使用Html5的WebSocket在浏览器上传多文件和大文件
- How to Use HTML5 File Drag & Drop
- How to Open Dropped Files Using HTML5 and JavaScript
- How to Asynchronously Upload Files Using HTML5 and Ajax
- How to Create Graphical File Upload Progress Bars in HTML5 and JavaScript
- HTML5 ROCKS file_access
- HTML5 Drag and Drop Multiple File Upload
- uploading a file in chunks using html5
- Webiny file upload with HTML5 and AJAX using PHP streams
- how to send binary strings with ajax to php - including html5 file api - blob slice
- HTML5 slice, the result file is corrupted
- READING FILES IN JAVASCRIPT USING THE FILE APIS
- Using files from web applications
- [https://github.com/valums/file-uploader]
- [https://github.com/newbamboo/rack-raw-upload]
- Resumable Media Uploads in the Google Data Protocol
- Resumable Http Requests Proposal
- [https://github.com/blueimp/jQuery-File-Upload]
- [https://github.com/23/resumable.js]
- [http://slides.html5rocks.com/]
- Resumable, asynchronous file uploads using WebSockets in HTML 5 compliant browsers
- A demo of the new file upload progress monitoring functionality which is included in PHP5.4