今天有个功能需要上传附件,又开始捡起几个月前已经放弃的jquery file upload 插件。
加载页面的时候,浏览器控制台报错:
Cannot read property 'fileupload' of undefined
jquery.fileupload-jquery-ui.js:27
查看这个jquery.fileupload-jquery-ui.js 的第27行:
$.widget('blueimp.fileupload', $.blueimp.fileupload, {...//略
很明显,buleimp有了,而它的fileupload属性还没有初始化,根据之前折腾的经验,似乎又是js文件引用顺序的问题,可是这次怎么调整都没用。
决定放弃。
看了看引用的js文件中和文件上传功能的UI相关的,有两个呢:
<script type="text/javascript" src="js/lib/jquery/jquery.fileupload-jquery-ui.js"></script>
<script type="text/javascript" src="js/lib/jquery/jquery.fileupload-ui.js"></script>
而在jquery file upload 的官方例子的页面上,并没有看到这两个js的引用,于是试着把报错的 jquery.fileupload-jquery-ui.js 删掉,结果就不报错了。
问题解决。看来对于js文件的引用还是要做到心里有数,不可随便乱用。
jquery.fileupload-jquery-ui.js:27