我正在为客户创建一个网站,他希望能够在一个页面中有许多上传按钮.当他点击选择文件时,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是唯一的,即使它们未被使用也是如此.