FineUploader-在表单提交时触发上传

FineUploader - Triggering upload on form submit

本文关键字：表单提交 FineUploader-      更新时间：2023-09-26

我在我的一个网站上使用了精细上传器jquery插件。

有没有一种方法可以使用标准的输入按钮来触发上传？

例如，有人选择要上传的文件，填写表格的其余部分，然后点击提交按钮，然后上传文件并显示进度条，然后在文件上传完成后提交所有内容？

目前，当我点击提交按钮时，它会询问我是否想离开页面，因为有文件正在上传。

这是我的上传代码

<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" />

干杯，

尝试：

$("selector").trigger('event');  //$("addSubmit").trigger('click');
相关文章：