webUploader实现大文件上传

本文介绍了如何利用webUploader实现大文件上传,包括upload.html页面设置和Java后台处理代码。虽然当前速度尚可,若需更高效解决方案,作者承诺会回应留言并提供帮助。
摘要由CSDN通过智能技术生成

webUploader实现大文件上传

upload.html

/*
*
* */
   var $list = $('#fileList');       // 页面展示的文件列表
	var md5File;
	//监听分块上传过程中的时间点  
	WebUploader.Uploader.register({  
	    "before-send-file":"beforeSendFile",  // 整个文件上传前
	    "before-send":"beforeSend",  // 每个分片上传前
	    "after-send-file": "afterSendFile"  // 分片上传完毕
	},{  
	    //时间点1:所有分块进行上传之前调用此函数 ,检查文件存不存在
	    beforeSendFile:function(file){  
	    	var deferred = WebUploader.Deferred();
	    	md5File = hex_md5(file.name+file.size);//根据文件名称,大小确定文件唯一标记,这种方式不赞成使用
	    	$.ajax({  
	            type:"POST",  
	            url:"/files/checkFile",
	            data:{  
	                md5File: md5File, //文件唯一标记   
	            },  
	            async: false,  // 同步
	            dataType:"json",  
	            success:function(response){  
	                if(response){  //文件存在,跳过 ,提示文件存在
	                		$('#' + file.id).find('p.state').text("file exist");
	                }else{  
	                    deferred.resolve();  //文件不存在或不完整,发送该文件
	                }  
	            }  
	        } , function (jqXHR, textStatus, errorThrown) { //任何形式的验证失败,都触发重新上传
	        	deferred.resolve();
	        } );  
	        return deferred.promise(); 
	    },  
	    //时间点2:如果有分块上传,则每个分块上传之前调用此函数  ,判断分块存不存在
	    beforeSend:function(block){  
	        var deferred = WebUploader.Deferred();  
	        $.ajax({  
	            type:"POST",  
	            url:"/files/checkChunk",
	            data:{  
	                md5File: md5File,  //文件唯一标记 
	                chunk:bl
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值