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