Verwenden des FormData-Objekts und Spring MVC zum Implementieren der Ajax-Datei-Download-Funktion (grafisches Tutorial)

In diesem Artikel wird hauptsächlich die Verwendung von FormData-Objekten und Spring MVC zur Implementierung der Ajax-Datei-Download-Funktion vorgestellt. Freunde in Not können sich auf

Ajax-Datei-Download beziehen

Verwenden des FormData-Objekts und Spring MVC zum Implementieren der Ajax-Datei-Upload-Funktion:

Schritte

1. Komponenten importieren und bereiten Sie ein statisches Skript vor

<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="上载" >
  <p id="result"></p>

1. Binden Sie Ereignisse an Schaltflächen

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

2. Holen Sie sich die Datei

3 an Vom Server übermittelte Daten

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

4.ajax() Objekt hochladen

//创建内存中的表单对象
var form = new FormData();
//向其中添加要传输的数据
form.append("userfile1", file1);
form.append("userfile2", file2);

5. Spring-MVC-Präsentationsschicht

$.ajax({
  url:'user/upload.do',//请求地址
  data: form,   //请求参数
  type: 'POST',  //请求类型
  dataType: 'json',//服务器返回的数据类型
  contentType: false,//没有设置任何内容类型头信息
  processData: false, //见jQuery_api详解
  success: function(obj){ //成功时回调函数,obj表示服务器返回的数据
    if(obj.state==0){
      $('#result').html("成功!"); 
    }
  }
});

Das Obige habe ich hoffentlich für alle zusammengestellt Es wird in Zukunft für alle hilfreich sein.

Verwandte Artikel:

AJAX-Anforderungscode-Sammlung basierend auf APICloud (absolut detailliert)

Native JS implementiert Ajax-Cross- Domain-Anfrage-Flasche Antwortinhalt (grafisches Tutorial)

Ajax-Erkennungsmethode für Website-Hijacking

Das obige ist der detaillierte Inhalt vonVerwenden des FormData-Objekts und Spring MVC zum Implementieren der Ajax-Datei-Download-Funktion (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!