function init_filer($target) { $target.find('.file_uploader').filer({ limit: null, maxSize: null, extensions: null, changeInput: '

Drag&Drop files here

or
Browse Files
', showThumbs: true, theme: "dragdropbox", afterRender: function(l, p, o, s){ s[0].name = s[0].name.replace('[]', '') }, templates: { box: '', item: '
  • \
    \
    \ \
    \
    \
    \
    \ {{fi-name}}\ {{fi-size2}}\
    \
    \
    \ {{fi-image}}\
    \
    \
      \
    • {{fi-progressBar}}
    • \
    \
      \
    • \
    \
    \
    \
    \
  • ', itemAppend: '
  • \
    \
    \ \
    \
    \
    \
    \ {{fi-name}}\ {{fi-size2}}\
    \
    \
    \ {{fi-image}}\
    \
    \
      \
    • {{fi-icon}}
    • \
    \
      \
    • {{fi-remove}}
    • \
    \
    \
    \
    \
  • ', 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); });