主頁(yè) > 知識(shí)庫(kù) > 利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能

利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能

熱門(mén)標(biāo)簽:怎樣在地圖標(biāo)注文字 電銷(xiāo)機(jī)器人 長(zhǎng)春 地圖標(biāo)注推銷(xiāo)坑人 中國(guó)地圖標(biāo)注不明確情況介紹表 東平縣地圖標(biāo)注app 上海企業(yè)外呼系統(tǒng)價(jià)錢(qián) 立陶宛地圖標(biāo)注 河間市地圖標(biāo)注app 大眾點(diǎn)評(píng)400電話怎么申請(qǐng)

Ajax文件下載

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

步驟

1.導(dǎo)入組件并準(zhǔn)備靜態(tài)腳本

dependency>
 groupId>commons-fileupload/groupId>
 artifactId>commons-fileupload/artifactId>
 version>1.3.2/version>
/dependency>
  h1>Ajax 文件上載/h1>
  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)存中的表單對(duì)象,并添加向服務(wù)器傳輸?shù)臄?shù)據(jù)

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

4.ajax()上傳對(duì)象

$.ajax({
  url:'user/upload.do',//請(qǐng)求地址
  data: form,   //請(qǐng)求參數(shù)
  type: 'POST',  //請(qǐng)求類(lèi)型
  dataType: 'json',//服務(wù)器返回的數(shù)據(jù)類(lèi)型
  contentType: false,//沒(méi)有設(shè)置任何內(nèi)容類(lèi)型頭信息
  processData: false, //見(jiàn)jQuery_api詳解
  success: function(obj){ //成功時(shí)回調(diào)函數(shù),obj表示服務(wù)器返回的數(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 對(duì)象中找到
  //獲取上再是原始文件名
  String file1 = 
    userfile1.getOriginalFilename();
  String file2 = 
    userfile2.getOriginalFilename();
  System.out.println(file1);
  System.out.println(file2);
  //保存文件的3種方法:
  //1. transferTo(目標(biāo)文件)
  //  將文件直接保存到目標(biāo)文件, 可以處理大文件
  //2. userfile1.getBytes() 獲取文件的全部數(shù)據(jù)
  //  將文件全部讀取到內(nèi)存, 適合處理小文件!!
  //3. userfile1.getInputStream()
  //  獲取上載文件的流, 適合處理大文件
  //保存的目標(biāo)文件夾: /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);
  //第三種 利用流復(fù)制數(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);
  }

總結(jié)

以上所述是小編給大家介紹的利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

您可能感興趣的文章:
  • SpringMVC+Ajax實(shí)現(xiàn)文件批量上傳和下載功能實(shí)例代碼
  • Springmvc ajax跨域請(qǐng)求處理方法實(shí)例詳解
  • spring mvc利用ajax向controller傳遞對(duì)象的方法示例
  • SpringMVC環(huán)境下實(shí)現(xiàn)的Ajax異步請(qǐng)求JSON格式數(shù)據(jù)
  • springmvc 結(jié)合ajax批量新增的實(shí)現(xiàn)方法

標(biāo)簽:四川 益陽(yáng) 銅川 本溪 玉樹(shù) 營(yíng)口 內(nèi)江 遼寧

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能》,本文關(guān)鍵詞  利用,FormData,對(duì)象,和,Spring,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能的相關(guān)信息資訊供網(wǎng)民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章