jQuery-Uploadify插件提示$("#id").uploadify is not a function错误可能原因

jQuery-Uploadify是一款非常好用高度可定制的文件上传插件。

关于其基本的使用例子,可以参考这里:jQuery上传插件Uploadify的使用例子和相关资料

把这个插件运用到实际项目中,发现提示如下错误:

$(“#custom_file_upload”).uploadify is not a function

原因:

swfobject.js和jquery.uploadify.v2.1.4.min.js由于使用到了jquery的API,所以这两个文件需要依赖于jquery-1.4.2.min.js这个文件。

正常情况下需要引入如下几个js文件:

而在项目中已经存在了另外一个jquery的JS文件,导致文件冲突。而另外的一个jQuery文件的引入位置位于上面三个js文件引入位置的后面,此时项目中使用的是原本已经存在的jquery的JS文件,导致在加载jquery.uploadify.v2.1.4.min.js文件时还没有可用的jquery相关函数的定义,才会报这个错误。

解决方法:

去掉其中一个jquery的JS文件,并把swfobject.js和jquery.uploadify.v2.1.4.min.js文件放到引入jquery的JS文件的位置的后面即可。

arthinking wechat
欢迎关注itzhai公众号