jquery ajax POST 與 jquery GET 作為表單數據輸入

Question

我正在嘗試調用一個 jquery ajax POST 請求，該請求將 formdata 作為位於文件服務器上的多個文件。 這是我的ajax請求；

var formData = new FormData();
$.ajax({
        url: 'url',
        method: 'POST',
        contentType: false,
        processData: false,
        data: formData,
        beforeSend: function (xhr) {
            xhr.setRequestHeader ("Authorization", "Basic " + btoa(username + ":" + password));
        },
        success: function(res){
            console.log('successfully')
        },
        error: function(){
            console.log('error')
        }
    })

其中 formData 的文件位於文件服務器上的某處，我嘗試使用 jquery get 獲取這些文件，並嘗試在文檔上添加 formData，如下所示；

$.get("http://localhost/file.xml",  function(data) { 
    var data1 = data;
    var file = new File([data1], "file.xml");
    formData.append('file', file);
});

是否可以在 ajax POST 請求中傳遞或創建具有位於文件服務器上的文件的 formData？

Answer 1

您需要將其轉換為 blob

$.ajax({
  url: "http://localhost/file.xml",
  method: "GET",
  dataType: "text"
}).done(function( content ) {
  var blob = new Blob([content], { type: "text/xml" });
  formData.append("file", blob);
});