如何使用沒有表單數據的AJAX調用發送文件

Question

我需要從ajax發送一個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;
}

Answer 2

我遇到的Django（特別是其他框架）遇到的一個問題是Parser類。 如果要發送八位字節流，請使用解析器類：

class StreamParser(BaseParser):
    media_type = 'octet-stream'
    def parse(self, stream, media_type=None, parser_context=None):
        return stream.read()

然后在你的視圖類上：

class ExampleView(APIView):
"""
A view that can accept POST requests with JSON content.
"""
parser_classes = [StreamParser]

def post(self, request, format=None):
    return Response({'received data': request.data})

最后不要忘記在settings.py包含django restframework和以下條目：

REST_FRAMEWORK = {
    'DEFAULT_PARSER_CLASSES': [
        'rest_framework.parsers.JSONParser',
     ]
}

這一切都在這里解釋。

希望能幫助到你 ！