jQuery fileupload-получить список загруженных файлов

Я использую версию UI. Вот скрипт, который захватывает серверные ссылки из таблицы файлов и заполняет массив:

    var files = new Array();
    $("#fileupload td p.name a").each(function() {
        var name = $(this).attr("href");
        files.push(name);
    });
    alert(files.join('\n'));

вы также можете попробовать это

 $('#fileupload').bind('fileuploadcompleted', function (e, data) {
     var filess= data.result.files[0];
        var filenam = filess.name;
       alert(filenam);
});

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

done: function (e, data) {
    response = data.response();
    parsedresponse = $.parseJSON(response.result);
    console.log(parsedresponse.files);
}

Как вы можете видеть, вы найдете имя загруженных файлов в parsedresponse.files[i].url (Я - это 0-индекс загруженные файлы).

Ok... его URL загруженного файла, но вы сможете извлечь окончательное имя файла ...

надеюсь, что это помогает. (это нигде в документации, мне удалось добраться до этого решения, проверив выходы консоли Firebug)

чтобы получить список загруженных имен файлов из сервер, требуется серверный код:

UploadHandler.в PHP используется для загрузки файлов в каталоге/s на вашем сервере.

Если вы загрузили архив плагина и извлекли его на свой сервер, файлы будут храниться в php/files по умолчанию. (Убедитесь, что каталог php/files имеет разрешения на запись сервера.) видеть: https://github.com/blueimp/jQuery-File-Upload/wiki/Setup

UploadHandler.в PHP это просто обработчик загрузки. Он не предоставляет доступ к файлам сервера без подключения к серверу.

код JavaScript не может получить доступ к файлам на сервер, поэтому для этого вам понадобится PHP-скрипт. (Хотя JavaScript может отслеживать все загруженное, переименованное и удаленное.)

вы можете изменить UploadHandler.в PHP для подключения к базе данных и записи путей к файлам (и любых других данных) в таблицу файлов во время загрузки. Затем вы можете получить доступ к своим файлам через стандартные SQL-запросы:

изменить UploadHandler.в PHP:

1. добавить параметры подключения к базе данных
2. написать функцию SQL-запроса
3. напишите вторую функцию для выполнения запроса
4. звонок второй функция

см.:https://github.com/blueimp/jQuery-File-Upload/wiki/Working-with-databases

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

1. привязать событие к FileUploader (я сделал это в main.в JS):

       $('#fileupload').bind('fileuploaddone', function (e, data) {
           FileUploadDone(e, data);
       });
   

2. в вашем html-файле используйте следующий код, чтобы получить имя файла:

   function FileUploadDone(e, data) {
   for (x in data._response.result.files){
       if (data._response.result.files[x].error == "")
           alert(data._response.result.files[x].name);
       else
           alert(data._response.result.files[x].error);
   }}
   

вы должны смотреть объект данных в firebug. Этот объект инкапсулирует большую часть информации.

Если, вы используете базовый плагин, упомянутый в документация вам нужно передать данные функции в атрибуте done. измените это:

stop: function (e) {

для этого:

done: function (e, data) {

Я не знаю о остановке, если вы получите его с одной из страниц документации, то я думаю, что то же самое применяется здесь, вы не можете работать с данными, если он недоступен.
Надеюсь, это поможет

попробуйте использовать метод done и поместите имена в скрытый ввод, затем выберите их:

$('#fileupload').fileupload({
  autoUpload: true
, filesContainer: '#attachments_presentation tbody'
, stop: function (e) {
    console.log(data);
  }
, done: function(e,data){
            var filess= data.files[0];
            var filenam = filess.name;
            data.context.text(filenam+' uploaded successfully.');
            $('#formId').append('<input type="hidden" name="fileName" value="'+filenam+'"/>');
}
});

чтобы получить список файлов При загрузке:

$('#fileupload').bind('fileuploadfinished', function (e, data) {
   console.log(data.originalFiles);
});

 // Initialize the jQuery File Upload widget:
                $('#edit-product').fileupload({
                    // Uncomment the following to send cross-domain cookies:
                    //xhrFields: {withCredentials: true},
                    disableImageResize: false,
                    autoUpload:false,
                    url: 'YOURURL'
                }).bind('fileuploaddone', function (e, data) {
                    console.log(data.result.files[0]);   
                });