function init_filer($target) {
$target.find('.file_uploader').filer({
limit: null,
maxSize: null,
extensions: null,
changeInput: '
',
showThumbs: true,
theme: "dragdropbox",
afterRender: function(l, p, o, s){
s[0].name = s[0].name.replace('[]', '')
},
templates: {
box: '',
item: '\
\
',
itemAppend: '\
\
',
progressBar: '',
itemAppendToEnd: true,
canvasImage: true,
removeConfirmation: true,
_selectors: {
list: '.jFiler-items-list',
//item: '.jFiler-item',
progressBar: '.bar',
remove: '.jFiler-item-trash-action'
}
},
dragDrop: {
dragEnter: null,
dragLeave: null,
drop: null,
dragContainer: null
},
uploadFile: {
url: $target.data('upload-url'),
//data: null,
type: 'POST',
enctype: 'multipart/form-data',
synchron: true,
beforeSend: function() {},
success: function(data, itemEl, listEl, boxEl, newInputEl, inputEl, id){
console.log(data);
console.log(itemEl);
console.log(listEl);
console.log(boxEl);
console.log(newInputEl);
console.log(inputEl);
console.log(id);
console.log('----------------------------');
var parent = itemEl.find(".jFiler-jProgressBar").parent();
itemEl.find(".jFiler-jProgressBar").fadeOut("slow", function(){
$(" Success
").hide().appendTo(parent).fadeIn("slow");
});
},
error: function(el){
var parent = el.find(".jFiler-jProgressBar").parent();
el.find(".jFiler-jProgressBar").fadeOut("slow", function(){
$(" Error
").hide().appendTo(parent).fadeIn("slow");
});
},
statusCode: null,
onProgress: null,
onComplete: null
},
files: [
{
name: "appended_file.jpg",
size: 5453,
type: "image",
file: "http://127.0.0.1:8000/media/photologue/photos/cache/am_admin_thumbnail.jpg", // 188x143 crop="center"
url: "google.com.ua",
remove_url: '/remove-url/1/',
detail_link: '/detail_link/1/'
},
{
name: "appended_file_2.jpg",
size: 9453,
type: "image",
file: "http://127.0.0.1:8000/media/photologue/photos/cache/am_admin_thumbnail.jpg", // 188x143 crop="center"
url: "/qwerty/qwerty/",
remove_url: '/remove-url/2/',
detail_link: '/detail_link/1/'
},
{
name: "appended_file_2.jpg",
size: 9453,
type: "image",
file: "http://127.0.0.1:8000/media/photologue/photos/cache/am_admin_thumbnail.jpg", // 188x143 crop="center"
url: "/qwerty/qwerty/",
remove_url: '/remove-url/3/',
detail_link: '/detail_link/1/'
}
],
addMore: false,
allowDuplicates: true,
clipBoardPaste: true,
excludeName: null,
beforeRender: null,
beforeShow: null,
beforeSelect: null,
onSelect: null,
afterShow: null,
onRemove: function(itemEl, file, id, listEl, boxEl, newInputEl, inputEl){
var filerKit = inputEl.prop("jFiler"),
file_name = filerKit.files_list[id].name;
$.post('./php/ajax_remove_file.php', {file: file_name});
},
onEmpty: null,
options: null,
dialogs: {
alert: function(text) {
return alert(text);
},
confirm: function (text, callback) {
confirm(text) ? callback() : null;
}
},
captions: {
button: "Выберите файлы",
feedback: "Выберите файлы для загрузки",
feedback2: "выбранные файлы",
drop: "Перетяните файлы для загрузки",
removeConfirmation: "Вы уверены что хотите удалить этот файл?",
errors: {
filesLimit: "Only {{fi-limit}} files are allowed to be uploaded.",
filesType: "Only Images are allowed to be uploaded.",
filesSize: "{{fi-name}} is too large! Please upload file up to {{fi-maxSize}} MB.",
filesSizeAll: "Files you've choosed are too large! Please upload files up to {{fi-maxSize}} MB."
}
}
});
}
var $uploaders = $('.file_upload_container');
$uploaders.each(function (i, uploader) {
var $uploader = $(uploader),
fields = $uploader.data('fields').split('|'), // Массив названий полей для создания фото
languages = $uploader.data('languages').split('|'); // Массив языков, будет использоватся для генерации инпутов
init_filer($uploader);
});