ajaxFileUpload异步上传文件到服务器

先引入ajaxfileupload.js，

jsp代码：

<input 	type="file" id="image"  name="image" style="width:200px;"  onchange='uploadFile("image");'/>

js代码：

//异步上传
function uploadFile(elementId){
	 if(isPicture($('#'+elementId).val())){
		 $.ajaxFileUpload(
	        {
	            url:'uploadMapPicture.do?dataId='+$('#ID').val()+'&tableName='+tabName,//用于文件上传的服务器端请求地址
	            secureuri:false,//一般设置为false
	            fileElementId:elementId,//文件上传空间的id属性  <input type="file" id="file" name="file" />
	            dataType: 'json',//返回值类型 一般设置为json
	            success: function (data)  //服务器成功响应处理函数
	            {	
	            	if(data.result == "success"){
	            		var node = "<div id='"+data.fileId+"'><label ><font size='2'>"+data.fileName+"</font></label><a  href='javascript:void(0)' onclick=removeFile('"+data.fileId+"')><font size='2' style='cursor:pointer;'>删除</font></a></div>";
	            		$('#fileList').append(node);
						$('#ID').val(data.recordId);
						$('#fileList').show();
						$.messager.show({title:'操作提示',msg:'上传成功！',showType:'show'});
	            	}
	            },error: function (data,status,e)//服务器响应失败处理函数
	            {
	               $.messager.show({title:'操作提示',msg:'上传失败！',showType:'show'});
	            }
	        }
	    )
	 }else{
		 $.messager.alert('信息提示','文件类型不合法,只能是 jpg、gif、bmp、png、jpeg 类型！');
	 }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!