個人筆記，以備后用.

表體代碼：

查看圖片

js代碼(記得要引入jquery庫和ajaxfileupload庫)：

//上傳文件id號

function fileUpload(uploadFileId,filePathId,imgId){

var imp= document.getElementById(uploadFileId);

if(imp==null ||imp==""||imp== undefined){

alert('請選擇文件');

return;

}

$.ajaxFileUpload({

url:ct +"uploadFile.do",

secureuri:false,

fileElementId:uploadFileId,

dataType: 'multipart/form-data',

success: function (data, status){

var json = eval('(' + data + ')');

if(json.msg=="1"){

alert("上傳成功");

$('#'+filePathId).val(json.path);

$('#'+imgId).attr("src",eTrade.ctx+"/upload/"+json.path);

}else{

alert("文件上傳失敗");

}

},

error: function (data, status, e){

alert(e);

}

});

}

function viewPic(dialogId,imgId,fileId){

$("#"+dialogId).dialog({

height: 350,

width: 600,

buttons: {

"取消": function() {

$("#"+imgId).attr("src","");

$(this).dialog("close");

}

},

close:function(){

$("#"+imgId).attr("src","");

}

});

if($("#"+fileId).val()==""){

return;

}

$("#"+imgId).attr("src",ct+"/toView.do?attachment="+$("#"+fileId).val());

}

后臺代碼(uploadFile命名必須與前臺name="uploadFile"值一致)：

private File uploadFile;

public File getUploadFile() {

return uploadFile;

}

public void setUploadFile(File uploadFile) {

this.uploadFile = uploadFile;

}

@Action(value = "uploadFile", results = { @Result(name = "success", type = "json", params = {

"ignoreHierarchy", "false","contentType","text/html", "root", "dataMap" }) })

public String uploadFile() {

try {

String UPLOAD_PATH= ServletActionContext.getServletContext().getRealPath("/upload/");

String randomName= UUID.randomUUID().toString()+ ".jpg";

if(uploadFile!=null){

File storageFile = new File(UPLOAD_PATH +"/"+randomName);

FileUtils.copyFile(uploadFile, storageFile);

}

dataMap.put("msg", 1);

dataMap.put("path", randomName);//文件id號

} catch (Exception e) {

logger.error("", e);

dataMap.put("msg", 0);

}

return SUCCESS;

}

以上代碼可能有些不全，但是大體思路就是這樣，僅僅只是為了以后用的時候方便查看。

原文：http://blog.csdn.net/xlb744868186/article/details/42424069

總結

以上是生活随笔為你收集整理的java ajax上传图片插件_java图片上传并预览，前台用jQuery插件AjaxFileUpload，后台用FileUtils.copyFile....的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。