我在我的一个网站上使用了 Fine-uploader jquery 插件。
有没有办法使用标准输入按钮来触发上传?
例如,有人选择他们要上传的文件,填写表格的其余部分,然后点击提交按钮,然后上传文件并显示进度条,然后在文件上传完成后提交所有内容?
目前,当我单击提交按钮时,它会询问我是否要离开页面,因为有文件正在上传。
这是我的fineuploader代码
<script>
$(document).ready(function() {
var manualuploader = $('#manual-fine-uploader').fineUploader({
request: {
endpoint: 'server/handleUploads'
},
validation: {
allowedExtensions: ['jpeg', 'jpg', 'gif', 'png', 'bmp'],
itemLimit: 3
},
autoUpload: false,
text: {
uploadButton: '<i class="icon-plus icon-white"></i> Select Files'
}
});
$('#addSubmit').click(function() {
manualuploader.fineUploader('uploadStoredFiles');
});
});
</script>
需要触发它的输入按钮是标准的表单提交按钮,像这样
<input class="btn-submit" value="Submit" id="addSubmit" name="addSubmit" type="submit" />
干杯,