formData.has()不是函数

Question

我正在尝试做一个简单的ajax文件上传,但我得到一个"未捕获的TypeError:formData.has不是一个函数"

如果我还注释掉formData.has()检查函数并将其替换为formData.append('myResume'),我会得到一个类似的错误,说formData.get()不是我的ajax调用中的函数.有什么建议？谢谢 :)

这是html:

<div id="upload">
<form id="file-form" name="resume.pdf">
  <input type="file" id="file-select"/>
  <button type="submit" id="upload-button">Upload</button>
</form>

和javascript:

$(function(){
    var formData = new FormData(); 

    $('#file-form').submit(function(event){
        var fileInput = document.getElementById('file-select').files;
        var file = fileInput.item(0);

        event.preventDefault();

        //Error here formData.has() is not a function 
        if(formData.has('myResume')){
            formData.set('myResume', file);
        } else{
            formData.append('myResume', file);
        }

        $.post('/upload', {file: formData.get('myResume')});
    })
})

Answer 1

请参阅https://developer.mozilla.org/en-US/docs/Web/API/FormData#Browser_compatibility.它指出,镀铬的delete(),get(),getAll(),has(),set()方法是一个标志背后支持.

这意味着您需要从设置中启用对这些方法的支持(在chrome:// flags中启用实验性Web平台功能标志).