上传操作

jsp 页面代码

<div class="form-line">
<input type="button" value="图片上传" onclick="$('#image').click()" class="btn btn-defult">
<input name="url" id="image1" type="hidden">
<input id="image" style="display: none;"
accept="image/png, image/jpeg" type="file" onchange="uploadPic(this.files,this.id)"/>
</div>

jsp 页面的js请求提交代码

//上传图片
function uploadPic(files,id){
uploadListPics(files, '<%=path%>/banner/uploadPicList.do', function(data) {
var flelist=data.flelist;
var dataId = data.id;
if(flelist.length>0){
var src = flelist[0];
var realSrc = '<%=path%>'+src;
$('#'+id+"2").attr('src',realSrc);//图片显示
$('#'+id+"2").show();
$('#'+id+"1").val(src);//表单赋值
}
});
}

 

controller 代码

/**
* 上传图片列表
*/
@SuppressWarnings({ "deprecation", "unchecked" })
@RequestMapping(value = "uploadPicList")
public void uploadPicList(HttpServletRequest request,
HttpServletResponse response) {

String realPath = request.getRealPath("");

List list = saveFile.multiFileList(request, realPath, null);
String id = "";
String result = "";
if(list.size()>0){
id = (String)list.get(0);
list.remove(0); //移除id
}
if (list.size() == 0) {
result = "{\"ok\":\"false\",\"id\":\""+id+"\",\"flelist\":"
+ jsonFormat.jFormatString(list) + "}";
} else {
result = "{\"ok\":\"true\",\"id\":\""+id+"\",\"flelist\":"
+ jsonFormat.jFormatString(list) + "}";
}
out.out(response, result);
}

upload.js------------------依靠这个js文件