Fine Uploader 是一个用户友好的文件上传插件,用于将文件上传整合到他们的网站中。
它使用 XMLHttpRequest (AJAX) 在 FF3.6+、Safari4+、Chrome 中上传带有进度条的多个文件,并在其他浏览器(即 IE)中回退到基于隐藏 iframe 的上传,在任何地方提供良好的用户体验。
你可能还喜欢:
漂亮的 jQuery 文件上传插件
拖放文件上传器插件 - dropzone
特征:
Firefox、Chrome、Safari 和 IE 10 中的多文件选择、进度条
在 FF、Chrome、Safari 和 IE 10 中拖放文件选择
上传可取消
不需要外部依赖
在 IE7+、Firefox、Safari (OS X)、Chrome、IOS6 和各种版本的Android 中测试。现在也支持 IE10!
能够在选择文件后立即上传文件,或将它们“排队”以便稍后根据用户请求上传
上传失败时显示来自服务器的特定错误消息
上传失败的自动或手动重试
创建您自己的文件验证器和/或使用默认包含的验证器
在上传过程的各个阶段接收回调
随每个文件一起发送服务器端的任何参数
通过拖放上传目录(Chrome 21+)
在查询字符串或请求正文中包含参数
通过 API 提交要上传的文件
将文件拆分为多个请求(文件分块/分区)
从以前的会话中恢复失败/停止的上传
删除上传的文件
CORS/XSS(跨域请求)支持
通过粘贴上传图片
轻松设置最大上传限制
基本标记:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Fine Uploader Demo</title>
<link href="fineuploader-{VERSION}.css" rel="stylesheet">
</head>
<body>
<div id="fine-uploader"></div>
<script src="fineuploader-{VERSION}.js"></script>
<script>
function createUploader() {
var uploader = new qq.FineUploader({
// Pass the HTML element here
element: document.getElementById('fine-uploader'),
// or, if using jQuery
// element: $('#fine-uploader')[0],
// Use the relevant server script url here
// if it's different from the default “/server/upload”
request: {
endpoint: 'server/handleUploads'
}
});
}
window.onload = createUploader;
</script>
</body>
</html>
变更日志:
2018-10-28
v5.16.2 (2018-04-11)
修复(upload.handler.controller):send()中缺少空检查
v5.16.0 (2018-03-09)
达日
v5.15.6 (2018-01-27)
修复(uploader.basic.api.js):成功时自动重试计数不重置
v5.15.5 (2017-12-23)
更新
v5.14.0 (2017-02-17)
更新
v5.6.0 (2015-04-22)
更新
v5.0.7 (2014-10-01)
更新
v5.0.6 (2014-09-19)
更新
v5.0.2 (2014-06-18)
更新
v4.3.1 (2014-02-12)
错误修复
v4.2.2 (2014-01-24)
错误修复
v4.2.0 (2014-01-16)
错误修复
v4.0.3 (2013-10-31)
错误修复
v4.0.2 (2013-10-29)
更新到最新版本
发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。