如何發送使用AJAX調用文件而不表單數據

Question

我需要從阿賈克斯發送PDF文件來調用到Django的服務器，而無需表單數據

Answer 1

您可以將您的文件作爲原始文件緩衝區如下：

var input = $('#input'); 

input.change(function(event) { 
    var file = this.files[0]; 
    if (!file) return; 

    return $.ajax({ 
    url: '/django-route', // your route to process the file 
    type: 'POST', // 
    data: file, 
    processData: false, 
    contentType: 'application/octet-stream', // set Content-Type header 
    success: function(respnse) { 
     // do something 
    }, 
    error: function(xhr, textStatus, errorThrown) { 
     // do something else 
    } 
    }); 
}); 

如果您需要跟蹤文件上傳進度，添加xhr到$.ajax()選項：

xhr: function() { 
    var xhr = new window.XMLHttpRequest(); 
    xhr.upload.addEventListener('progress', function(event) { 
    if (event.lengthComputable) { 
     var progress = Math.floor(10000 * event.loaded/event.total)/10000; 
     console.log(progress); // 0.2536 (25.36%) 
    } 
    }, false); 
    xhr.addEventListener('progress', function(event) { 
    if (event.lengthComputable) { 
     var progress = Math.floor(10000 * event.loaded/event.total)/10000; 
     console.log(progress); 
    } 
    }, false); 
    return xhr; 
}