Question

我正在使用Plupload为Wordpress创建一个图库插件，我遇到了一个小问题。

我的计划是让用户输入新图库的名称并将文件拖放到容器中以便上传。（没有按钮可以启动上传。）

我的“问题”是，如果用户将5个fies放入容器中，Plupload将触发upload.php 5次。

我当前的“解决方案”是检查gallery_id是否为空。如果为空，gallery_name不为空，则表示用户正在创建新图库。

但由于这五次相同，addNewGAllery()会被触发5次。

仅创建一个新图库的最佳方法是什么，然后将5个图像添加到此 - 无需先创建图库，然后添加文件？

var sim_gal_data = JSON.parse(JSON.stringify(sim_gal_data_arr));

//JS code
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,
    multiple_queues: true,
    flash_swf_url : sim_gal_data['plupload_url']+'plupload.flash.swf',
    silverlight_xap_url : sim_gal_data['plupload_url']+'plupload.silverlight.xap',
    filters : [
      {title : "Image files", extensions : "jpg,gif,png"}
    ],
    multipart_params: {
      gallery_name : ''
    },
    init : {
      FilesAdded: function(up, files) {

        // Don't initiate upload if there is no gallery name
        if(jQuery('#image-upload .gallery-name').val().length > 0){
          if(files.length > 0) {

            // Get gallery name
            uploader.settings.multipart_params['gallery_name'] = jQuery('#image-upload .gallery-name').val();

            // 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>' +
                     '</div>'
                );
            });

            // Ready set go!
            up.refresh();
            up.start();
          }
        } else {
          // Remove files from upload list
          up.splice(0);
        }
      }
    }
});

Answer 1

定义图库ID参数

multipart_params: {
  gallery_name : '',
  gallery_id: ''
},

首次上传时，gallery_id为空，因此您可以创建图库。然后使用新的gallery_id

发回一个响应对象

//upload.php
die(json_encode(array(
    'success': 1,
    'gallery_id': $gallery_id
)));

抓住响应并更新plupload设置

FileUploaded: function(up, file, response) {
    var res = jQuery.parseJSON(response.response);
    if (res.success) {
        up.settings.multipart_params['gallery_id'] = res.gallery_id;
    }
}

如何使用Plupload创建新图库并同时上传文件？

1 个答案: