我正在 Rails 3.2 应用程序中实现jQuery File Upload插件,我收到以下错误消息:
Uncaught TypeError: Cannot call method '_adjustMaxNumberOfFiles' of undefined
下面是调用 _adjustMaxNumberOfFiles 的代码:
$(function () {
// Initialize the jQuery File Upload widget:
$('#fileupload').fileupload(
{
url: '/photos', // post to and retrieve from
dataType: 'json'
}
);
// Load existing files:
$.getJSON($('#fileupload').prop('action'), function (files) {
var fu = $('#fileupload').data('fileupload'),
files = jQuery.grep(files, function (a) { return a.gallery_id == <%= params[:id] %>; }), //filter the photos down to this gallery
template;
fu._adjustMaxNumberOfFiles(-files.length);
template = fu._renderDownload(files).appendTo($('#fileupload .files'));
// Force reflow:
fu._reflow = fu._transition && template.length && template[0].offsetWidth;
template.addClass('in');
$('#loading').remove();
});
});
这完全有效。我已经着手处理应用程序的其余部分,当我部署到临时环境时,我注意到我收到了上面的错误。我回到开发人员那里看看它是否在那里发生,果然是这样。我正在使用 jquery-fileupload-rails gem 将必要的文件加载到资产管道中。我试过不使用 gem 并手动加载所有资产,但这没有帮助。
我尝试在控制台中逐步执行此操作,设置 fu 和 fu._adjustMaxNumberOfFiles,但仍然收到错误消息Cannot call method '_adjustMaxNumberOfFiles' of undefined
。如果我用 _adjustMaxNumberOfFiles 注释掉该行,我会在下一行得到相同的错误,而是告诉我 _renderDownload 未定义。就好像我无法访问 jquery-file-upload 插件中设置的任何方法,即使脚本都已加载。这是按顺序加载的脚本。我已经排除了不适用于此处的 js 文件。
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-fileupload/vendor/jquery.ui.widget.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-fileupload/vendor/load-image.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-fileupload/vendor/canvas-to-blob.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-fileupload/vendor/tmpl.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-fileupload/jquery.iframe-transport.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-fileupload/jquery.fileupload.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-fileupload/jquery.fileupload-fp.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-fileupload/jquery.fileupload-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-fileupload/locale.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-fileupload/index.js?body=1" type="text/javascript"></script>
我很难弄清楚这一点。任何帮助,将不胜感激。如有必要,我可以发布更多代码片段,但我发布的是唯一不属于 jQuery File Upload 插件的 JavaScript。