javascript - IE8 上的 FormData ajax 上传 -> 替代方案及其工作原理

Question

我很想用 ajax 上传图片，所以我使用的是 FormData，但它不适用于 IE8。我已经看过它并且不可能在 IE8 中使用 FormData，但是我发现我无法使用它来使它在 IE8 和其他浏览器上工作。有人可以告诉我该做什么以及如何做吗？

我要提交的表单

<form id="addImgForm" name="addImgForm" method="post" action="#URL(Action('ChiliTest-ImageUpload'))#" enctype="multipart/form-data">
    <input id="newImage" type="file" name="newImage">
    <input type="hidden" name="MAX_FILE_SIZE" value="12345">
    <span id="addImage" class="button-addImage" type="submit"><isTradConstant keyword="l_customizationsChiliEditor_AddImageButtonTitle" template="CustomizationsChiliEditor" init="Ajouter"></span>
</form>

调用 addImgForm 提交

$.ajax({ 
    url: myUrl,
    type: "POST",
    data: new FormData($(this).parent()[0]),
    contentType : false,
    async: false,
    processData: false,
    cache: false,
    success: function(data) {
        //do something
    }
}); 
return false;

Answer 1

理想情况下，当我遇到这个问题时，我会在浏览器中检查 FormData，如果返回未定义，那么我会通过 iframe 提交表单。