有没有用过百度的上传控件webuploader,用于大文件上传的断点续传的问题

andy0618 2017-05-22 06:21:24

看下面的红色标记。
owner.skipFile(file)
当判断已上传过该文件，略过该文件的时候，浏览器就卡住了。
我可以确定这时服务器端没有执行任何的东西。确定是浏览器卡住了。不知道是webuploader此时是怎么了？

beforeSendFile: function (file) {

//uploader.skipFile(file);
var task = WebUploader.Deferred();
var start = new Date().getTime();
var owner = this.owner;
console.log("beforeSendFile");

$.ajax({
type: "POST",
url: "/FileUpload/BigFileIsFinish", // 后台url地址
data: {
type: "init",
uniqueFileName: uniqueFileName,
FileID: file.id
},
cache: false,
async: false, // 同步
timeout: 1000, //todo 超时的话，只能认为该文件不曾上传过
dataType: "json",
success: function (response) {
//task.resolve();

if (response.complete) { //判断是否大文件已上传
owner.skipFile(file);//如果已上传过该文件，则略过该文件。
task.reject(); // 这一步之后，浏览器就卡住了
}

}

});

return $.when(task);

...全文

778 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

eIoBhMojo 2017-05-23

打赏
举报

最近公司的一个项目也是有这个需求，在网上也找到了webuploader，评估后发现不能满足需求。也试过Flash的这些控件，基本上传小文件可以，50MB以上的文件就容易出错，服务器容易出现500的错误，网络连接也经常被重置。客户的需求也是挻复杂的，有一个文件夹上传功能就让我们开发组的人头疼了几个月了。开始是用的HTML5，但是发现文件数量一多浏览器就假死，卡住，性能实在是达不到客户的要求。用户环境有的是用的IE8，不支持HTML5，这也是一个让我们头疼的问题。这个HttpUploader6看起来好像不错。如果能够满足需求我们就采购。

andy0618 2017-05-23

打赏
举报

收费的啊？up6是收费的吗？

vtb2xa3vel 2017-05-23

打赏
举报

引用 5 楼 zSetjng0ack 的回复:

[quote=引用 3 楼 andy0618 的回复:] [quote=引用 2 楼 lwiin6u3x 的回复:] 你用百度的上传还不如用Flash，swfupload,这东西都比他好用。而且用的人也多。

那你给我一个能实现断点续传的，实用的，现成的flash的例子或控件吧[/quote]网上有一个大文件上传控件(up6)：http://url.cn/THJaUJ 在线演示：http://t.cn/RqOu2gH 它可以上传文件夹(包含层级结构)，上传超大文件，文件MD5验证，支持断点续传，支持WINDOWS平台下的主流浏览器：IE 6(x86),IE 7(x86),IE 8(x86),IE 9(x86,x64),IE 10(x86,x64),IE 11(x86,x64), Maxthon(遨游)1.x,Maxthon(遨游)2.x,TT浏览器,QQ浏览器,360安全浏览器,360极速浏览器,搜狗浏览器,Firefox,Chrome,Opera 23,Edge, 页面调用示例代码：


<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>up6.2-SQL2005演示页面</title>
    <link href="js/up6.css" type="text/css" rel="Stylesheet"/>
    <script type="text/javascript" src="js/jquery-1.4.min.js"></script>
    <script type="text/javascript" src="js/json2.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/up6.config.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/up6.file.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/up6.folder.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/up6.js" charset="utf-8"></script>
    <script language="javascript" type="text/javascript">
        var cbMgr = new HttpUploaderMgr();
        cbMgr.event.md5Complete = function (obj, md5) { /*alert(md5);*/ };
        cbMgr.event.fileComplete = function (obj) { /*alert(obj.pathSvr);*/ };
        //使用不同项目配置
        //cbMgr.set_config(up6_config.qq);
        //cbMgr.set_config(up6_config.qq_mail);
        //cbMgr.set_config(up6_config.qq_zone);
        //cbMgr.set_config(up6_config.erp);
        //cbMgr.set_config(up6_config.oa);
        //cbMgr.set_config(up6_config.share_point);
        //cbMgr.set_config(up6_config.vm);

    	$(document).ready(function()
    	{
    		cbMgr.load_to("FilePanel");
    	});
    </script>
</head>
<body>
    <p>up6.2多文件上传演示页面</p>
    <p><a href="db/clear.aspx" target="_blank">清空数据库</a></p>
    <p><a href="down2/index.htm" target="_blank">打开下载页面</a></p>
	<div id="FilePanel"></div>
    <div id="msg"></div>
</body>
</html>

资源下载： cab安装包(x86) cab安装包(x64) crx安装包 crx(nat)安装包 xpi插件安装包 exe安装包开发文档升级日志 ASP.NET示例 JSP-SQL2005示例 JSP-MySQL示例 JSP-Oracle示例 PHP-MySQL示例在线代码（GitHub） asp.net示例 jsp-sql示例 jsp-mysql示例 jsp-oracle示例 php-mysql示例在线代码（coding） asp.net示例 jsp-sql示例 jsp-mysql示例 jsp-oracle示例 php-mysql示例在线代码（oschina） asp.net示例 jsp-sql示例 jsp-mysql示例 jsp-oracle示例 php-mysql示例在线代码（csdn） asp.net示例 jsp-sql示例 jsp-mysql示例 jsp-oracle示例 php-mysql示例 [/quote]这个支持文件夹上传吗？我们现在做的一个项目需要上传文件夹，而且还需要保留层级结构，不知道这个控件能不能满足需求。

zSetjng0ack 2017-05-23

打赏
举报

引用 3 楼 andy0618 的回复:

[quote=引用 2 楼 lwiin6u3x 的回复:] 你用百度的上传还不如用Flash，swfupload,这东西都比他好用。而且用的人也多。

粘贴文件，简化选择文件操作：

文件MD5值计算进度：

文件MD5值计算完毕

服务器根据MD5检测是否存在相同文件

续传文件

续传文件夹

从服务器加载文件列表

文件上传中

文件上传完毕

与Discuz!X2整合-后台安装断点续传控件

与Discuz!X2整合-后台启用断点续传控件

与Discuz!X2整合-后台断点续传控件启用成功

与Discuz!X2整合-前台发帖页面

与Discuz!X2整合-上传

文件夹上传,本地文件夹层级结构

服务器上的文件夹层级结构

页面调用示例代码：


<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>up6.2-SQL2005演示页面</title>
    <link href="js/up6.css" type="text/css" rel="Stylesheet"/>
    <script type="text/javascript" src="js/jquery-1.4.min.js"></script>
    <script type="text/javascript" src="js/json2.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/up6.config.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/up6.file.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/up6.folder.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/up6.js" charset="utf-8"></script>
    <script language="javascript" type="text/javascript">
        var cbMgr = new HttpUploaderMgr();
        cbMgr.event.md5Complete = function (obj, md5) { /*alert(md5);*/ };
        cbMgr.event.fileComplete = function (obj) { /*alert(obj.pathSvr);*/ };
        //使用不同项目配置
        //cbMgr.set_config(up6_config.qq);
        //cbMgr.set_config(up6_config.qq_mail);
        //cbMgr.set_config(up6_config.qq_zone);
        //cbMgr.set_config(up6_config.erp);
        //cbMgr.set_config(up6_config.oa);
        //cbMgr.set_config(up6_config.share_point);
        //cbMgr.set_config(up6_config.vm);

    	$(document).ready(function()
    	{
    		cbMgr.load_to("FilePanel");
    	});
    </script>
</head>
<body>
    <p>up6.2多文件上传演示页面</p>
    <p><a href="db/clear.aspx" target="_blank">清空数据库</a></p>
    <p><a href="down2/index.htm" target="_blank">打开下载页面</a></p>
	<div id="FilePanel"></div>
    <div id="msg"></div>
</body>
</html>