jQuery异步上传文件插件v0.9

兼容

说明

本插件优点

本插件缺点

使用方法

前端:

单文件:
<input type="file" name="file" id="fileToUpload">
多文件:
<input type="file" name="file" id="fileToUpload" multiple="multiple">

	$('#fileToUpload').bind('change',function(){
		var $this = $(this);
		$this.uploadFile({
			url: '/test',//上传路径
			html5Mode:true,//是否开启Html5模式,开启后如果浏览器支持window.FormData,则自动切换到HTML5模式上传文件,默认为false
			filter: function($element) {//上传限制函数
				/*
					上传开始时,会触发该函数
					返回true可以上传,返回false则禁止上传
					例如只可以上传gif
					return $(element).val().indexOf('.gif')!==-1
				*/
				return true;
			},
			timeout:10000,//设置上传超时时间,单位为毫秒
			timeoutFn:function($element){//超时函数
				/*
					如果设置了timeout同时上传超时,会触发该函数
				*/
			},
			complete:function($element){//上传完成
				/*
					上传结束(不管成功还是失败)会触发该函数
				*/
			},
			progress: function(data,$element) {//上传过程中
				/*
					上传过程中触发该函数
				*/
				if(data.html5Mode){//是否开启同时支持html5上传模式
					//Math.round(data.loaded/data.total) 上传进度
				}else{
				}
			},
			success: function(data,$element) {//上传成功
				/*
					上传成功会触发该函数
					data为后台返回的json格式字符串
					插件会自动字data转成Object
				*/
			}
		})
	});

后端:

注意:

License