1.頁面
1.1 引入ajaxFileUpload.js
1.2 確定上傳文件的類型 用file
<input id="file" name="myfiles" type="file" style="display:none;" class="file-up" onchange="ajaxFileUpload()"/>
<a href="#" onclick="upload()">上傳</a>
1.3 js方法
function upload(){
$("#file").click();
}
function ajaxFileUpload(fileId){
$.ajaxFileUpload({
url:'${ctx}/pipelinesupplierfile/upload',
secureuri:false,
fileElementId: 'file',
dataType: 'json',
success: function (data){
var jsonData = eval("(" + data + ")");
if(jsonData.status == "success"){
alert("上傳成功");
}else{
alert("上傳失敗");
}
}
});
}
2.後臺ftp上傳附件
請參考 博客中的ftp上傳文件和下載文件,controller直接調用上傳即可
controller參數如下
public void upload(@RequestParam MultipartFile myfiles, HttpServletRequest request,
HttpServletResponse response) throws IOException{
String filePath = UploadFile.upload(服務器路徑, myfiles);//ftp上傳
DecimalFormat df = new DecimalFormat("0.00");
Double d = (myfiles.getSize())/(1024.0);
String fileSize =df.format(d);
String result = "{'status':'"+ Constants.RETURN_STATUS_SUCCESS + "','path':'" + filePath +"','fileName':'"+myfiles.getOriginalFilename()+ "','fileSize':'" + fileSize + "'}";
response.setContentType("text/json");
ServletOutputStream outputStream = response.getOutputStream();
outputStream.write(result.getBytes());
outputStream.flush();
}