前端XMLHttpRequest对象设置请求头报错

前端XMLHttpRequest对象设置请求头报错

前端原代码

// FormData对象
var myFormData = new FormData();
myFormData.append('file', fileData);

// XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 设置请求头
xhr.setRequestHeader('Content-Type', 'multipart/form-data');

// open(method, url, async)
xhr.open('post', actionData, true);

xhr.send(myFormData);

结果就出现上图控制台的错误，从提示可知，XMLHttpRequest对象必须先被open。

那么解决办法容易，就是在xhr.open()后再xhr.setRequestHeader();