HTML 5 Drag & Drop с помощью jQuery и PHP

Question

В настоящее время я следую этому примеру для HTML 5 drag and drop. Я надеюсь использовать это для загрузки удаленных файлов на удаленный FTP-сервер с помощью сценария php. Однако как мой php-скрипт получает доступ к этим удаленным файлам?

С помощью обычной веб-формы я могу использовать $ _FILES .. Но я не думаю, что могу использовать $ _FILES для отброшенных файлов ..

В этом примере скрипт вызывает функцию handleFiles после события удаления

function handleFiles(files) {
var file = files[0];
document.getElementById("droplabel").innerHTML = "Processing " + file.name;
var reader = new FileReader();
// init the reader event handlers
reader.onprogress = handleReaderProgress;
reader.onloadend = handleReaderLoadEnd;
// begin the read operation
reader.readAsDataURL(file);
}

Я предполагаю, что могу перебрать каждый элемент списка массивов и отправить каждый элемент в мой php-скрипт. Как я уже упоминал выше, как я могу отправить этот элемент из списка массивов в скрипт php? JSON? JQuery POST?

Мне известно, что для этого есть различные плагины jquery, и я скачал несколько из них ... Однако мне просто интересно узнать, могу ли я реализовать то же самое с этим примером.

Answer 1

Полагаю, под загрузкой вы подразумеваете загрузку в ajax-операции.file относится к объекту File, который доступен вам после того, как пользователь уронил файл. После , что у вас есть два варианта:

1. Прочитать файл с помощью FileReader, отправить текст в формате xhr как данные поста (не рекомендуется, поскольку он работает только с текстом)
2. Передайте объект в FormData, затем передайте объект FormData в xhr для отправки файла (хотя не работает с Firefox <= 3.6) </li>

Проверьте документ Центра разработки Mozilla на предмет использования этих интерфейсов,У меня есть рабочие проекты, которые используют эти объекты, однако слишком много связующего кода, чтобы быть хорошей демонстрационной демонстрацией.https://github.com/timdream/html5-file-upload

Answer 2

Почему бы не использовать решение с открытым исходным кодом для вашей проблемы, а не изобретать колесо.

http://plupload.com/

Это почти все, что вам когда-либо понадобится. Я использую это, и это творит чудеса. Кроме того, он возвращается к загрузке формы html 4, когда браузер не может обработать html5.