Как предварительно загрузить существующие файлы и отобразить их в таблице загрузки blueimp?

У меня тоже была такая же проблема. Это не волшебство, как это работает. Я рекомендую изучить файл UploadHandler.php. Затем вы сможете изменить этот плагин в соответствии с вашими потребностями.

Приведенный выше код во втором сообщении — это просто ajax-вызов скрипта загрузки (по умолчанию index.php в папке server/php/). По умолчанию для метода вызова в объекте $.ajax установлено значение «get».

Откройте файл UploadHandler.php и перейдите к методу класса "initialize(...)". Вы увидите, как обрабатывается вызов с «get». UploadHandler вызывает метод класса this->get(.:.) для подготовки и отправки списка существующих файлов. Если вы используете другой каталог загрузки, вам нужно передать параметр в UploadHänder. Просто измените свойство url в объекте $.ajax, например:

url: $('#fileupload').fileupload('option', 'url')+'?otherDir='+myDir,

то вы должны инициализировать свойство option UploadHandler, прежде чем создавать новый объект UploadHandler следующим образом:

$otherDir = trim($_REQUEST['otherDir']);
$otherDir_url = [anyURL] .'/'.$otherDir;//so that the files can be downloaded by clicking on the link

$options = array(
'upload_dir'=> $otherDir,
'upload_url'=> $otherDir_url,
);

$upload_handler = new UploadHandler($options);

Или без вызова ajax:

1. Подготовьте массив, содержащий сведения о существующих файлах, например:

   var files = [
       {
           "name":"fileName.jpg",
           "size":775702,
           "type":"image/jpeg",
           "url":"http://mydomain.com/files/fileName.jpg",
           "deleteUrl":"http://mydomain.com/files/fileName.jpg",
           "deleteType":"DELETE"
       },
       {
           "name":"file2.jpg",
           "size":68222,
           "type":"image/jpeg",
           "url":"http://mydomain.com/files/file2.jpg",
           "deleteUrl":"http://mydomain.com/files/file2.jpg",
           "deleteType":"DELETE"
       }
   ];
   

2. Обратный вызов выполнен

   var $form = $('#fileupload');        
   
   // Init fileuploader if not initialized
   // $form.fileupload();
   
   $form.fileupload('option', 'done').call($form, $.Event('done'), {result: {files: files}});
   

Нашел код в основном файле js... Непонятно, как он работает. У меня все работает нормально.

// Load existing files:
$.ajax({
    url: $('#fileupload').fileupload('option', 'url'),
    dataType: 'json',
    context: $('#fileupload')[0]
}).done(function (result) {
    $(this).fileupload('option', 'done').call(this, null, {result: result});
});

Если кто-то из вас, глядя на это, делает это в .NET, найдите это: (для меня это в application.js

Для достаточно свежей версии есть функция

    // Load existing files:
$.getJSON($('#fileupload form').prop('action'), function(files) {

files = somethingelse;

    var fu = $('#fileupload').data('fileupload');
    fu._adjustMaxNumberOfFiles(-files.length);
    fu._renderDownload(files)
        .appendTo($('#fileupload .files'))

        .fadeIn(function() {
            // Fix for IE7 and lower:
            $(this).show();
        });
});

Однако внутри application.js я делаю это для .NET, и на самом деле мне это нужно.

Затем установите что-то еще либо в свои файлы, либо в "" в зависимости от того, что вы хотите показать. Если убрать строчку files=somethingelse то будут предварительно загружены все файлы из папки.