pluplod — не может удалить изображение из очереди
Я копаюсь в голове, пытаясь удалить изображения / файлы, добавленные с помощью Plupload , Я могу добавить несколько изображений, но не могу удалить из очереди.
Заметка Я могу удалить последнее изображение из очереди, но я не могу удалить более 1 изображения / файла, если существует более 1 изображения / файла. ниже приведен код загрузки, который я использую для загрузки файлов и управления ими.
var uploader = new plupload.Uploader({
runtimes : 'html5,flash,silverlight,html4',
browse_button : 'pickfiles', // you can pass an id...
container: document.getElementById('attachment_container'), // ... or DOM Element itself
url : site_url+"ajax/do_upload",
multiple_queues : true,
flash_swf_url : asset_url + 'scripts/Moxie.swf',
silverlight_xap_url : asset_url + 'scripts/Moxie.xap',
filters : {
max_file_size : '10mb',
mime_types: [
{title : "Image files", extensions : "jpg,gif,png,xls,pdf,doc,docx"},
{title : "Zip files", extensions : "zip"}
]
},
//
init: {
PostInit: function() {
// document.getElementById('file_list').innerHTML = '';
document.getElementById('uploadfiles').onclick = function() {
uploader.start();
return false;
};
},
FilesAdded: function(up, files) {
var deleteHandle = function(uploaderObject, fileObject) {
// document.getElementById("uploadfiles").show();$()
return function(event) {
event.preventDefault();
uploaderObject.removeFile(fileObject);
// $(this).closest("div#" + fileObject.id).remove();
$(this).parent().attr('id', fileObject.id).remove();
};
};
plupload.each(files, function(file) {
document.getElementById('file_list').innerHTML += '<div id="' + file.id + '"><input type="hidden" name="files[]" value="'+file.name+'"><input type="hidden" name="file_id[]" value="'+file.id+'">' + file.name + ' (' + plupload.formatSize(file.size) + ')<a href="javascript:void(0)" id="deleteFile' + file.id + '">Remove</a> <b></b></div>';
$('#deleteFile' + file.id).click(deleteHandle(up, file));
});
up.refresh();
},
UploadProgress: function(up, file) {
document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
},
// QueueChanged: function(up, files) {
// plupload.each(files, function(file) {
// document.getElementById('file_list').innerHTML += '<div id="' + file.id + '"><input type="hidden" name="files[]" value="'+file.name+'"><input type="hidden" name="file_id[]" value="'+file.id+'">' + file.name + ' (' + plupload.formatSize(file.size) + ')<a href="javascript:void(0)" id="deleteFile' + file.id + '">Remove</a> <b></b></div>';
// $('#deleteFile' + file.id).click(deleteHandle(up, file));
// });
// up.refresh();
// },
Error: function(up, err) {
document.getElementById('console').appendChild(document.createTextNode("\nError #" + err.code + ": " + err.message));
}
}
});
uploader.init();
Решение
Так как никто не помог мне, я понял сам и до сих пор не знаю полностью о Plupload , Ниже приведено мое решение по удалению изображения из очереди, надеюсь, оно поможет любому другому человеку, ищущему ту же проблему.
код, который я вставил в мой вопрос, тот же самый, это просто FilesAdded событие, где я изменил логику, и она начала работать, поэтому я буду вставлять только код события FilesAdded
FilesAdded: function(up, files) {
up.start();
$.each(files, function(i, file) {
$('#file_list').append(
'<div style="padding:1px;" id="' + file.id + '"><a href="javascript:" id="'+file.name+'" class="download_attachment"> ' +
file.name + '</a> (' + plupload.formatSize(file.size) + ') <b></b>' +
'<a style="float:right;" href="" class="remove fa fa-remove fa-red"></a></div>'
);
$('#uploadfiles').css('display', 'initial');
$('#file_list').append('<br/>');
// callback when clicking on remove icon added after files uploaded
$('#' + file.id + ' a.remove').first().click(function(e) {
e.preventDefault();
up.removeFile(file);
$('#' + file.id).next("br").remove();
$('#' + file.id).remove();
if (up.files.length == 0) {
$('#uploadfiles').css('display', 'none');
}
});
// Download uploaded attachment
$('#' + file.id + ' a.download_attachment').first().click(function(e) {
e.preventDefault();
var name = $(this).attr('id');
window.location=site_url + 'reporting/download_attachment/' + name;
});
});
Другие решения
Других решений пока нет …