上传多个按钮 - 一页

我正在为客户创建一个网站，他希望能够在一个页面上有许多上传按钮。当他点击选择文件时，uploadify会将文件上传到服务器，然后将输入字段“Image”的值更改为图像的路径。

问题是我找不到一种方法在一个页面上有多个上传按钮，其中每个按钮都会单独填充它自己的 div 的“图像”字段。并且客户端在同一页面中将有n个div。

这是我的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);
        }
  });
});

这段代码：

jQuery(".file_upload").each(function() {
   jQuery(this).uploadify({
      height        : 30,
      swf           : '/uploadify/uploadify.swf',
      uploader      : '/script/uploadify/uploadify.php',
      width         : 120
   });
});

工作得很好。

这也要求 id 中.file_upload元素是唯一的，即使它们没有被使用。