java ajax上传图片插件_java图片上传并预览，前台用jQuery插件AjaxFileUpload，后台用FileUtils.copyFile....
個人筆記，以備后用.
表體代碼：
查看圖片
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....的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 比亚迪赵长江：腾势 N8 与 D9 DM
- 下一篇： java short 后缀_自学java