如何使用FormData對象和Spring MVC配合實現(xiàn)Ajax文件下載功能

這篇文章將為大家詳細講解有關如何使用FormData對象和Spring MVC配合實現(xiàn)Ajax文件下載功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

Ajax文件下載

利用 FormData 對象和 Spring MVC 配合可以實現(xiàn)Ajax文件上載功能:

步驟

1.導入組件并準備靜態(tài)腳本

<dependency>
 <groupId>commons-fileupload</groupId>
 <artifactId>commons-fileupload</artifactId>
 <version>1.3.2</version>
</dependency>
  <h2>Ajax 文件上載</h2>
  <input type="file" id="file1"> <br>
  <input type="file" id="file2"> <br>
  <input type="button" id="upload" value="上載" >
  <div id="result"></div>

1.綁定事件到按鈕

$("upload").click(ajaxUpload);

2.獲取文件

var file1 = $("#file1")[0].files[0];
var file2 = $("#file2")[0].files[0];

3.創(chuàng)建內(nèi)存中的表單對象,并添加向服務器傳輸?shù)臄?shù)據(jù)

//創(chuàng)建內(nèi)存中的表單對象
var form = new FormData();
//向其中添加要傳輸?shù)臄?shù)據(jù)
form.append("userfile1", file1);
form.append("userfile2", file2);

4.ajax()上傳對象

$.ajax({
  url:'user/upload.do',//請求地址
  data: form,   //請求參數(shù)
  type: 'POST',  //請求類型
  dataType: 'json',//服務器返回的數(shù)據(jù)類型
  contentType: false,//沒有設置任何內(nèi)容類型頭信息
  processData: false, //見jQuery_api詳解
  success: function(obj){ //成功時回調(diào)函數(shù),obj表示服務器返回的數(shù)據(jù)
    if(obj.state==0){
      $('#result').html("成功!"); 
    }
  }
});

5.Spring-MVC表現(xiàn)層

@RequestMapping("/upload.do")
@ResponseBody
public JsonResult upload( 
    MultipartFile userfile1, 
    MultipartFile userfile2) throws Exception{
  //Spring MVC 中可以利用 MultipartFile 
  //接收 上載的文件! 文件中的一切數(shù)據(jù)
  //都可以從 MultipartFile 對象中找到
  //獲取上再是原始文件名
  String file1 = 
    userfile1.getOriginalFilename();
  String file2 = 
    userfile2.getOriginalFilename();
  System.out.println(file1);
  System.out.println(file2);
  //保存文件的3種方法:
  //1. transferTo(目標文件)
  //  將文件直接保存到目標文件, 可以處理大文件
  //2. userfile1.getBytes() 獲取文件的全部數(shù)據(jù)
  //  將文件全部讀取到內(nèi)存, 適合處理小文件!!
  //3. userfile1.getInputStream()
  //  獲取上載文件的流, 適合處理大文件
  //保存的目標文件夾: /home/soft01/demo
  File dir = new File("D:/demo");
  dir.mkdir();
  File f1 = new File(dir, file1);
  File f2 = new File(dir, file2);
  //第一種保存文件
  //userfile1.transferTo(f1);
  //userfile2.transferTo(f2);
  //第三種 利用流復制數(shù)據(jù)
  InputStream in1 = userfile1.getInputStream();
  FileOutputStream out1 = 
    new FileOutputStream(f1);
  int b;
  while((b=in1.read())!=-1){
    out1.write(b);
  }
  in1.close();
  out1.close();
  InputStream in2 = userfile2.getInputStream();
  FileOutputStream out2=
      new FileOutputStream(f2);
  byte[] buf= new byte[8*1024];
  int n;
  while((n=in2.read(buf))!=-1){
    out2.write(buf, 0, n);
  }
  in2.close();
  out2.close();
  return new JsonResult(true);
  }

關于“如何使用FormData對象和Spring MVC配合實現(xiàn)Ajax文件下載功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。