Загрузить несколько кнопок - одна страница

Я создаю веб-сайт для клиента, и он хочет, чтобы на одной странице было много кнопок загрузки. Когда он нажимает кнопку «Выбрать файлы», uploadify загружает файл на сервер, а затем изменяет значение поля ввода «Изображение» на путь к изображению.

Проблема в том, что я не могу найти способ разместить несколько кнопок загрузки на одной странице, где каждая отдельно заполняла бы поле «Изображение» своего собственного div. И у клиента будет n разделов на одной странице.

enter image description here

Вот мой код js:

$(document).ready(function() {
  $('.file_upload').uploadify({
    'uploader'  : 'content/plugins/category_manager/upload/js/uploadify.swf',
    'script'    : 'content/plugins/category_manager/upload/upload.php',
    'cancelImg' : 'content/plugins/category_manager/upload/js/cancel.png',
    'folder'    : 'content/plugins/category_manager/upload/uploads',
    'fileExt'       : '*.jpg;*.gif;*.png',
    'fileDesc'      : 'Image Files',
    'auto'      : true,
    'onComplete'  : function(event, ID, fileObj, response, data) {
        $("input[name=image]").empty(this).val(fileObj.name);
        }
  });
});
6
задан Manolis 24 January 2012 в 22:25
поделиться