Question

我在我的一个网站上使用了精细上传器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" />

干杯，

Answer 1

尝试：

$("selector").trigger('event');  //$("addSubmit").trigger('click');

FineUploader - 触发表单提交上传

1 个答案: