fineuploader不显示文件选择器对话框

时间:2013-05-28 08:30:30

标签: jquery ruby-on-rails-3 twitter-bootstrap fine-uploader

我在rails应用程序中使用FineUploader时遇到问题。如果我使用拖动& drop方法上传它完美的文件,但是如果我点击输入它就不会显示资源管理器窗口。

在我的页面中,我有一些fineUploader项目定义:

    function createUploaders() {
        <% num.times do |x| %>
        $('#miSingle<%= x %>').fineUploader({
            request:{
                method: 'POST',
                endpoint: '<%= event_multimedia_items_path(event_id: params[:event_id]) %>'
            },
            multiple: false,
            text: {
                uploadButton: '<span>Drop files there</span>'
            },
            template: '<div class="qq-uploader span12">' +
                    '<pre class="qq-upload-drop-area span12"></pre>' +
                    '<div class="qq-upload-button" style="width: auto;">{uploadButtonText}</div>' +
                    '<span class="qq-drop-processing"><span class="qq-drop-processing-spinner"></span></span>' +
                    '<ul class="qq-upload-list"></ul>' +
                    '</div>',
            classes: {
                success: 'alert alert-success',
                fail: 'alert alert-error'
            },
            debug: true
        }).on('complete', function(event, id, fileName, responseJSON) {
                    if (responseJSON.success) {
                        $(this).empty();
                        var add = responseJSON;
                        $(this).append('<img src="' + responseJSON.thumb + '" alt="' + fileName + '">');
                    }
                    else{
                        alert("Error en la subida del archivo");
                        $(this).find('.qq-upload-list li').remove();
                    }
             });
    <% end %> 
}
window.onload = createUploaders;

我正在使用twitter bootstrap,我已经读过bootstrap和fineuploader之间的兼容性问题。

版本:

fineuploader-3.5.0 引导-2.3.2 的jquery-1.9.1

任何人都可以给我一些指示或解决这个问题?

1 个答案:

答案 0 :(得分:0)

我修好了。

之所以发生这种情况,是因为有一个open div调用了bootstrap的模态视图,这就停止了文件上传窗口的jquery传播。

感谢您的快速回复