Как получить / напечатать имя файла после успешной загрузки в пользовательский интерфейс plupload - PullRequest
Новая
       34

Как получить / напечатать имя файла после успешной загрузки в пользовательский интерфейс plupload

0 голосов
/ 06 марта 2019

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

// Initialize the widget when the DOM is ready
$(function() {
    $("#uploader").plupload({
        // General settings
        runtimes : 'html5,flash,silverlight,html4',
        url : 'upload.php',

        // User can upload no more then 20 files in one go (sets multiple_queues to false)
        max_file_count: 20,

        chunk_size: '1mb',


        filters : {
            // Maximum file size
            max_file_size : '10mb',
            // Specify what files to browse for
            mime_types: [
            {title : "Image files", extensions : "jpg,gif,png"},
    {title : "Zip files", extensions : "zip"}
        ]
        },

        // Rename files by clicking on their titles
        rename: true,

        // Sort files
        sortable: true,

        // Enable ability to drag'n'drop files onto the widget (currently only HTML5 supports that)
        dragdrop: true,
        prevent_duplicates: true,

        // Views to activate
        views: {
            list: true,
            thumbs: true, // Show thumbs
            active: 'thumbs'
        },

        // Flash settings
        flash_swf_url : 'js/Moxie.swf',

        // Silverlight settings
        silverlight_xap_url : 'js/Moxie.xap'
        });

uploader.bind('FileUploaded' , function(up, file, response ) {
if ( (Uploader.total.uploaded + 1) == Uploader.files.length)
{
alert(File.name);
};
})


    // Handle the case when form was submitted before uploading has finished
    $('form').submit(function(e) {
var uploader = $('#uploader').plupload('getUploader');
        // Files in queue upload them first
        if (uploader.files.length > 0) {
        // When all files are uploaded submit form
            uploader.bind('StateChanged', function() {
if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) {
                $('form')[0].getlink();
}
            });

            uploader.start();
        } else {
            alert("You must have at least one file in the queue.");
        }
        return false; // Keep the form from submitting
    });
});

1 Ответ

0 голосов
/ 05 апреля 2019

В обработчике FileUploaded имеется неисправное условие: 

if ( (Uploader.total.uploaded + 1) == Uploader.files.length)

Почему Uploader.total.uploaded + 1?Это никогда не будет выполнено.

Кроме того, виджет Plupload UI имеет собственный синтаксис для присоединения обработчиков к событиям. 

// Subscribing to the events...
// ... on initialization:
$('#uploader').plupload({
  ...
  viewchanged: function(event, args) {
    // stuff ...
  }
});
// ... or after initialization
$('#uploader').on("viewchanged", function(event, args) {
  // stuff ...
});

Рассмотрим следующий пример игровой площадки .

...