jquery – Uploadify多个按钮 – 一页

我正在为客户创建一个网站,他希望能够在一个页面中有许多上传按钮.当他点击选择文件时,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
   });
});

工作得很好.

这还要求.file_upload元素中的id是唯一的,即使它们未被使用也是如此.