Доступен ли объект FormData в Internet Explorer 10?

Я пишу небольшое приложение JavaScript, которое позволяет загружать изображения асинхронно.

Этот script работает потрясающий в каждом браузере, за исключением, угадайте, кто, Internet Explorer...

Итак, первое, что я сделал, - создать резерв для версий IE9 с плагином AjaxForm для jQuery, который отлично работает!

Здесь JS script.

$("#Uploader").change(function(e){
        var form = $("#UploaderForm");
        form.trigger('submit');
        $(this).attr('disabled','disabled');
        e.preventDefault();
});
$("#UploaderForm").submit(function(e){
        e.preventDefault();
        e.stopPropagation();
        var type="POST";var loading=$("#PhotoIsLoading");
        if(windowApi === true){
            var formData = new FormData($(this)[0]);
            $.ajax({
                url: url,
                type: type,
                xhr: function() {
                    myXhr = $.ajaxSettings.xhr();
                    if(myXhr.upload){ myXhr.upload.addEventListener('progress',progressHandlingFunction, false);}
                    return myXhr;
                },
                beforeSend: function(){loading.removeClass('isHidden_important');},
                success: function(response){
                    jres = JSON.parse(response);
                    alert("Test ok, file uploaded");
                },
                error: function(response){console.warn(response);},
                data: formData, 
                cache: false,
                contentType: false,
                processData: false
            });
            e.preventDefault();
        }else{
            $(this).ajaxSubmit({
                url: url,
                dataType: 'json',
                type: type,
                beforeSubmit: function(){loading.removeClass('isHidden_important');$(this).formSerialize();},
                success:function(response){
                    jres = JSON.parse(response);
                    alert("FallbackTest Complete");
                },
                error: function(response){console.warn(response);},
            });
            e.preventDefault();
            return false;
        }
    });

WindowApi, и каждая другая переменная определена в глобальном script, но не волнуйтесь, они работают. Если быть точным, WindowApi:

var windowApi=true;
if(window.File&&window.FileReader&&window.FileList&&window.Blob){
console.log("window.api ready");windowApi=true;}
else{console.log("window.api not ready");windowApi=false;};

Итак, с этой связкой строк кода я обрабатываю каждый браузер и IE9-браузеры...

Теперь проблема связана с IE10, поскольку она имеет все методы window.* и может использовать объект FormData. Но когда я пытаюсь загрузить что-то с помощью IE10 и FormData, я получаю сообщение "Отказано в доступе" для объекта formData.

HTML, который участвует в этом процессе:

<form name="UploaderForm" id="UploaderForm" method="post" enctype="multipart/form-data">
    <input type="file" name="Uploader" id="Uploader" accept="image/*" tabindex="1" />
</form>

Итак, в конце мой вопрос:

Как я могу избежать исключения "Отказано в доступе" в IE10 при попытке получить доступ к объекту FormData?

Ответ 1

fooobar.com/questions/406620/... и fooobar.com/questions/16578/... могут быть полезны. IE довольно строг о том, что вы можете сделать с программным обеспечением <input type='file'>.

Основываясь на первом, меняет ли первая строка на это исправление?

$("#Uploader").on('click', function(e){ /* rest of the function unchanged... */

Ответ 2

Вы получаете отказ в доступе при отправке формы, в которой есть поля, которые были испорчены javascript. Вы динамически добавили атрибут disabled в поле загрузки, это может быть причиной того, что вы получаете Access denied. Может быть, вы должны сделать снимок без отключения поля в событии change?

Кстати, вам может быть лучше проверить доступность FormData в сочетании с File API:

var formDataSupport = false;
if (typeof FormData === 'function' && 
    window.File && 
    window.FileReader && 
    window.FileList && 
    window.Blob)
{
  console.log("File API available, formData available");  
  formDataSupport = true; 
}