jquery – Uploadify多个按钮 – 一页

前端之家收集整理的这篇文章主要介绍了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是唯一的,即使它们未被使用也是如此.

原文链接:https://www.f2er.com/jquery/181421.html

猜你在找的jQuery相关文章