我正在使用 Plupload 为 Wordpress 创建一个图库插件,但遇到了一个小问题。
我的计划是让用户输入新画廊的名称并将文件放入容器中进行上传。(没有按钮开始上传。)
我的“问题”是如果用户将 5 个文件放入容器中,Plupload 会触发upload.php
5 次。
我目前的“解决方案”是检查是否gallery_id
为空。如果为空gallery_name
且不为空,则表示用户正在创建一个新图库。
但由于这 5 次都是相同的,因此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);
}
}
}
});