Подтвердить что ты не робот

Альтернатива HTML5 FileReader

Мне нужна помощь с HTML5. У меня есть script, который просматривает все загруженные файлы и получает данные каждого файла. В настоящее время я использую методы HTML5, которые включают FileReader. Функция FileReader работает только в Chrome и Firefox, поэтому я ищу альтернативу, которая будет работать во всех других браузерах.

Я видел вопрос о переполнении стека Альтернатива Flash для API-интерфейса FileReader HTML 5, но я не мог понять, как использовать эту флеш-вещь, и не есть ли какие-либо другие решения, чтобы я мог просматривать все загруженные файлы и получать информацию о каждом файле (что будет работать в Safari и Internet Explorer)?

4b9b3361

Ответ 1

Завершен, не используя FileReader вообще, вместо этого я зациклился на event.files и получил каждый файл по файлам [i] и отправил AJAX-запрос XHR с помощью объекта FormData (работал у меня, потому что решил, что мне не нужен для получения данных файла):

var xhrPool = {};
var dt = e.dataTransfer;
var files = (e.files || dt.files);
for (var i = 0; i < files.length; i++) {
    var file = files[i];
    // more code...

    xhrPool[i] = getXMLHttpRequest();
    xhrPool[i].upload.onprogress = uploadProgress;
    initXHRRequest(xhrPool[i], i, file);
    data = initFormData(i, file);

    xhrPool[i].send(data);
}

function initFormData(uploaded, file) {
    var data = new FormData();
    data.append(uploaded, file);
    // parameters...

    return data;
}

function uploadProgress() {
    // code..
}

function initXHRRequest(xhr, uploaded, file) {
    // code... onreadystatechange...
    xhr.open("POST", "ajax/upload.php");
    xhr.setRequestHeader("X-File-Name", file.name);
}

function getXMLHttpRequest() 
{
    if (window.XMLHttpRequest) {
        return new XMLHttpRequest();
    }
    else {
        try {
            return new ActiveXObject("MSXML2.XMLHTTP.3.0");
        }
        catch(ex) {
            return null;
        }
    }
}

Ответ 2

Safari был первым, кто фактически реализовал API файлов HTML5, и есть несколько демонстраций. Andrea Giammarchi хорошее описание в своем блоге. Существует несколько фреймворков для этого, которые также имеют резервные копии для Internet Explorer. Fancyupload - это тот, который приходит на ум.