使用ajax表单提交发送文件数据

Question

我在将文件发送到具有ajax的服务器进行提交时遇到问题。 我用var xhr = new XMLHttpRequest();尝试了很多方法var xhr = new XMLHttpRequest(); 和$.ajax({}); 但始终会给出错误Uncaught TypeError: Illegal invocation 。 我也使用processData: false ，但是在这种情况下，我得到了所有表单字段和文件字段。

我对ajax的代码是：

var fd = new FormData();
fd.append( 'file', $('#file')[0].files[0] );
fd.append( 'name', 'test');
$.ajax({
    url: "uploadFile.php",
    data: fd,
    cache: false,
    contentType: false,
    // processData: false,
    type: 'POST',
    success: function(data, textStatus, jqXHR){
        console.log('success');
    },
    error: function(jqXHR, textStatus, errorThrown){
        console.log('error');
    }
});

在这种情况下，我仅在输出中获得name值test name字段，而没有file 。 有人请让我知道我错了。

Answer 1

将contentType设置为特定格式，而不是false。 例如。 如果是图片，请将其设置为：-“ image / jpeg”等。