JAVA 부분
String fileName="";
long fileSize=0;
if(!command.getUpload().isEmpty()) {
byte[] bytes = command.getUpload().getBytes();
fileName = fileManager.doFileUpload(bytes, command.getUpload().getOriginalFilename(), path);
fileSize = command.getUpload().getBytes().length;
}
String urlImage = cp + "/pds/photoFile";
StringBuffer obj = new StringBuffer("{");
obj.append("\"fileName\": \""+ fileName+"\",");
obj.append("\"fileSize\": \""+ fileSize+"\",");
obj.append("\"urlImage\": \""+ urlImage+"\""); // 이런식으로 보내면 json에서 변수이름 쓸수 있당(fileName, fileSize, urlImage)
obj.append("}");
response.setContentType("text/html; charset=utf-8");
response.getWriter().write(obj.toString());
JSP 부분
function ajaxFileUpload() {
var url="<%=cp%>/bbsPhoto/preViewer.action";
$('#fileUploadForm').ajaxForm({
dataType: 'json',
url:url,
beforeSubmit: showRequest,
success: function(data, status) { // JAVA에서 JSON에게 보내준 obj 데이터의 변수들을 사용하였다.(data.fileName, data.fileSize, data.urlImage)
if(data.fileName=="")
return;
var fileName=data.fileName;
// var fileSize=data.fileSize;
var urlImage=data.urlImage;
var src = urlImage+"/" + fileName;
$("#uploadFileName").val(fileName);
$("#tempFileName").val(fileName);
var str="<img src='"+src+"' width='120' height='120' border='0'/>";
$("#imageViewer").html(str);
},
error: function(e) {
alert(e.responseText);
}
});
$('#fileUploadForm').submit();
}
jquery.form.js 잡스가 필요한지는 모르겄다.