同一页面多个Uploadify实例使用

时间:2022-11-05 20:41:38

刚刚接触jQuery的插件uploadify没几天,发现确实这个东西还是挺好用的。

把所有与上传相关的东西都封装好了,几乎用上了之后没什么要做的。

 

但是,在实际使用中,一个页面需要有多个上传的地方,而且上传的文件类型不一样,存储的地方也不一样。

如果每个按钮单独进行uploadify的绑定,代码真是看起来又蠢又长。

 

所以,我再封装了一下,做成类似工厂模式,每次用的时候只要装配一下就可以了。

$("#a").uploadify({});
$("#b").uploadify({});

之前每个上传按钮都需要这样进行装配。

function uploadify(obj, argus){
  obj.uploadify({});          
}

封装一层,因为在我的项目中,上传完成后的success函数都是做相同的处理,所以唯一的区别就是成功后设置显示的容器不一样。

所以我只要调用

uploadify($("#a"), $("#a_container"));
uploadify($("#b"), $("#b_container"));

就会很方便的做出装配绑定,而且我的项目这个方法的调用是写在PHP方法中的。

所有的组件配套这个调用,全部由PHP方法输出。在模板中就只有简单的一句PHP方法调用,真是简单实惠。

 

 

另外,原装的uploadify的上传路径只有一个文件夹。

可以修改uploadify.php,来根据文件或者参数来分配不同的文件夹。

在我的项目中,是通过文件类型来进行区分的。