jquery的ajaxFileUpload上傳

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();
    }


    



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章