Загрузка PL - отображение кнопки рядом с загруженным файлом в списке файлов - PullRequest
Новая
       25

Загрузка PL - отображение кнопки рядом с загруженным файлом в списке файлов

0 голосов
/ 21 июня 2019

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

Я использую пример Core.

Возможно ли это?если да, то как мне это реализовать?

Мой код 

  var uploaded = {}

            var uploader = new plupload.Uploader({            
              runtimes : 'html5,flash,silverlight',
                 browse_button : 'pickfiles', // you can pass in id...
                container: document.getElementById('container'), // ... or DOM Element itself

            url : 'https://<?= $my_bucket ?>.s3-<?= $region ?>.amazonaws.com/',

            multipart: true,
            multipart_params: {
                'key': '<?=$filepath;?>${filename}',
                'acl': 'public-read',
                'X-Amz-Credential' : '<?= $access_key; ?>/<?= $short_date; ?>/<?= $region; ?>/s3/aws4_request',
                'X-Amz-Algorithm' : 'AWS4-HMAC-SHA256',
                'X-Amz-Date' : '<?=$iso_date ; ?>',
                'policy' : '<?=base64_encode($policy); ?>',
                'X-Amz-Signature' : '<?=$signature ?>'
            },

            file_data_name: 'file',

            filters : {
                max_file_size : '30mb',
                mime_types: [
                    {title : "Image files", extensions : "jpg,jpeg"},
                    {title : "Audio files", extensions : "mp3,aac"}
                ]
            },

            flash_swf_url : 'Moxie.swf',
            silverlight_xap_url : 'Moxie.xap',


              init: {
        PostInit: function() {
            document.getElementById('filelist').innerHTML = '';

            document.getElementById('uploadfiles').onclick = function() {
                uploader.start();
                return false;
            };
        },

        FilesAdded: function(up, files) {
            plupload.each(files, function(file) {
                document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>' ;
            });
        },



        UploadProgress: function(up, file) {
            document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
        },

        Error: function(up, err) {
            document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message;
        },

        FileUploaded: function(up, file, info) 

                {
                document.getElementById('filelist').innerHTML += '<button id="' + file.id + '">Delete</button>';
               },
    }
});

uploader.init();

Любая помощь будет по-настоящему оценена благодаря

...