0

ファイルのアップロードにPluploadを使用しています。特定の理由で、以下に示すようにFilesAdded「内部」に配置する必要があります。init

jQuery.remove()問題は、jQueryが追加された要素で 使用できないことです。

普段はを使って解決しました.on()が、などのアクションがclickないので、追加された要素をバインドする方法がわかりません。

どんなガイダンスも大歓迎です:)

// Custom example logic
var uploader = new plupload.Uploader({
    runtimes : 'gears,html5,flash,silverlight,browserplus',
    browse_button : 'btn-file-browse',
    container : 'drag-drop-container',
    drop_element : 'drag-drop-container',
    max_file_size : sim_gal_data['max_file_size'],
    url : sim_gal_data['upload_url'],
    multi_selection : true,     
    init : {
      FilesAdded: function(up, files) {

            // Create list of files being uploaded
            jQuery.each(files, function(i, file) {
                jQuery('#filelist').append(
                    '<div id="' + file.id + '" class="file_upload">' +
                    '<div class="file_name">' + file.name + ' (' + plupload.formatSize(file.size) + ')' +
                    '</div> <label class="file_progress"><b></b></label>'
                );
            });

            // Ready set go!
            up.refresh();
            up.start(); 
    }
});

アップデート

これにより、削除がトリガーされます。

uploader.bind('UploadComplete', function(up, files) {
    jQuery('#filelist .file_name').remove();

    // I'm able to run this - so maybe .file_name is appended?
    jQuery('#filelist .file_name).append('TEST');
});
4

1 に答える 1

0

UploadCompleteでクリーンアップしようとしていますか？もしそうなら、それは以下のようなものになるはずです。

アップロードされた各ファイルをクリーンアップしようとしている場合は、FileUploadedイベントhandlereで処理する必要があります

init : {
  UploadComplete: function(uploader, files){
     alert('upload complete');
     jQuery('#filelist').html('');
  },
  FilesAdded: function(up, files) {

        // Create list of files being uploaded
        jQuery.each(files, function(i, file) {
            jQuery('#filelist').append(
                '<div id="' + file.id + '" class="file_upload">' +
                '<div class="file_name">' + file.name + ' (' + plupload.formatSize(file.size) + ')' +
                '</div> <label class="file_progress"><b></b></label>'
            );
        });

        // Ready set go!
        up.refresh();
        up.start(); 
}
于 2013-02-27T15:20:28.533 に答える