先引入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 类型!'); } }