ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:快乐赛车 >> 网页制作 >> web前端 >> jQuery-File-Upload 使用,jQuery-File-Upload上传插件

jQuery-File-Upload 使用,jQuery-File-Upload上传插件(2/2)

来源:网络整理     时间:2018-09-26     关键词:

本篇文章主要介绍了" jQuery-File-Upload 使用,jQuery-File-Upload上传插件",主要涉及到方面的内容,对于web前端感兴趣的同学可以参考一下: jQuery-File-Upload 使用,jQuery-File-Upload上传插件================================?Cop。。。

$(function(){
	
	$("#btnUploadMdbFile").click(function(){
		$("#inputUploadMdbFile").click();
	});
	
	//multiple 多选
	//input限制文件上传可以使用(IE9+): accept="application/msaccess" accept="image/*"
	$("#inputUploadMdbFile").fileupload({
		url : "${pageContext.request.contextPath}/xxx/fileUploadAction.go?method=fileUpload",
		dataType: "json",
		//autoUpload: false,
		formData: {
			"dirPath" : "temp_dir/mdb/"
		},
		add: function(e, data){
			//var acceptFileTypes = /^(gif|jpe?g|png)$/i;
			var acceptFileTypes = /^mdb$/i;
			var files = data.originalFiles;
			if(files && files.length > 0){
				var isPass = true;
				for(var i=0; i<files.length; i++){
					var name = files[i]["name"];
					var lastIndex = name.lastIndexOf(".");
					if(lastIndex < 0){
						isPass = false;
						break;
					}else{
						var fileType = name.substring(lastIndex + 1);
						if(!acceptFileTypes.test(fileType)){
							isPass = false;
							break;
						}
					}
				}
				if(!isPass){
					top.$.messager.alert("系统提示","只能上传*.mdb文件","info"); 
					return;
				}
				data.submit();
			}
		},
		done: function(e, data){
			//alert($.toJSON(data.result));
			if(data.result && data.result.files && data.result.files.length > 0){
				var file = data.result.files[0];
				if(file.suffix == ".mdb"){
					dealMdbFile(file.absolutePath);
				}else{
					top.$.messager.alert("系统提示","只能上传*.mdb文件","info"); 
				}
			}
		}
	});
	
});

formData:可以传递自己的参数。

add: function(e, data){}:增加控制文件的类型限制,这个可以省略。

done: function(e, data){}:上传成功后结果返回处理。

更多参数设置见:

https://github.com/blueimp/jQuery-File-Upload/wiki/Options

================================

?Copyright 蕃薯耀 2018年9月26日

http://fanshuyao.iteye.com/

以上就介绍了 jQuery-File-Upload 使用,jQuery-File-Upload上传插件,包括了方面的内容,希望对web前端有兴趣的朋友有所帮助。

本文网址链接:http://www.me0511.com/article/detail_4591079_2.html

相关图片

相关文章

上海时时乐 欢乐生肖 幸运赛车 快乐赛车 北京幸运28 极速快乐十分 极速快乐十分 吉林快3 安徽快3计划 澳洲幸运8