【问题标题】:jQuery-File-Upload - not work with any elements?jQuery-File-Upload - 不适用于任何元素?
【发布时间】:2013-05-26 00:29:36
【问题描述】:

这里:https://github.com/blueimp/jQuery-File-Upload/wiki/Frequently-Asked-Questions

我读到这个: 如果您定义了 url(可能还有 paramName)选项,您可以在任何元素上调用插件 - 不需要表单或文件输入字段 - 拖放功能仍然有效。

我试过这段代码:

JS

$(".resultUpload").each(function () {    
    $(this).fileupload({
        url: '/results/upload-ajax',
        formData: {
            //staff
        },
        dataType: 'json',
        maxFileSize: 10000000, // 10 MB
        paramName: 'fileupload',
        fileInput: $('input:file'),
        basic: true,
        maxNumberOfFiles: 1,
        done: function (e, data) {
            console.log('done');
            //staff
        },
        progressall: function (e, data) {
            console.log('progressall');                
            //staff
        },
        fail: function (e, data) {
            console.log('fail');                                
            //staff
        }
    });
});

HTML

    <div class="span3">
    <label>Attachment</label>
    <div class="file-upload">   
        <span class="btn btn-inverse fileinput-button">
            <span>Select File</span>        
            <input type="text" buttontext="Select File" class="resultUpload span12" value="" id="attachment" name="attachment"/>    
        </span>
        <br/>
        <br/>
        <!-- The global progress bar -->
        <div class="progress progress-success progress-striped">
        <div class="bar"></div>
    </div>
</div>

jsfiddlehttp://jsfiddle.net/JellyBelly/hHZUq/

如果我单击按钮,则不会打开浏览文件的窗口。 我哪里错了?

如果我将输入类型更改为文件工作。

谢谢

【问题讨论】:

    标签: jquery file-upload jquery-file-upload


    【解决方案1】:

    收到了插件开发者的回复:

    它说即使没有文件输入,拖放功能仍然可以工作。 浏览文件的对话框需要文件输入。

    【讨论】:

      猜你喜欢
      • 2015-09-13
      • 1970-01-01
      • 1970-01-01
      • 2016-03-11
      • 1970-01-01
      • 2015-02-18
      • 1970-01-01
      • 1970-01-01
      • 2017-06-03
      相关资源
      最近更新 更多