使用qunit

Question

我需要在QUnit框架中使用ajax请求在服务器上发布图片。当我使用("Content-Type", "application/json")进行此类请求时，我写了这样的请求：

$.ajax({
    beforeSend: function(xhr){
        xhr.setRequestHeader("Content-Type", "application/json");
        xhr.setRequestHeader("Accept", "application/json");
        xhr.setRequestHeader('authorization', userAuthorization);
    },
    url: address + "user/friend",
    type: "get",
    contentType: "application/json;charset=UTF-8",

我应该为multipart / form-data请求写什么？如何指向图片的路径？

Answer 1

做这样的事情：

var myForm = document.querySelector('form');
var formdata = new FormData(myForm);

$.ajax({
    url: '/myurl/',
    beforeSend: function(xhr){
        xhr.setRequestHeader('authorization', userAuthorization);
    },
    dataType: 'json',
    cache: false,
    contentType: false,
    processData: false,
    data: formdata,                         
    type: 'post'
}).always( function ( data ){
        // request done
  });

此代码从表单中创建一个FormData对象，并包含对所选文件的引用 有关详细信息，请参阅https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData。

然后，您可以将FormData对象附加到AJAX请求中。