【发布时间】: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>
jsfiddle:http://jsfiddle.net/JellyBelly/hHZUq/
如果我单击按钮,则不会打开浏览文件的窗口。 我哪里错了?
如果我将输入类型更改为文件工作。
谢谢
【问题讨论】:
标签: jquery file-upload jquery-file-upload