ajaxFileUpload异步上传文件到服务器

先引入ajaxfileupload.js,

jsp代码:

<input 	type="file" id="image"  name="image" style="width:200px;"  οnchange='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)' οnclick=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 类型!');
	 }
}


 

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值