首页 > 解决方案 > Jquery 文件上传进度条未重定向到 PHPMailer 处理程序文件

问题描述

我正在使用此jquery脚本在上传文件时显示进度条-progress-upload.js以与PHPMailer. 一切正常,除了提交表单后,它不会重定向到表单操作文件(ACTION="form-handler.php"),它保持在同一页面上,并且进度条在达到 100 后重置为 0。表单已提交并且文件也已成功附加,但它不会重定向到“form-handler.php”。

HTML 表单:

<FORM METHOD="POST" ACTION="form-handler.php" name="case-history" id="case-history" enctype="multipart/form-data">

<input type="file" multiple="multiple" name="attach_file[]" id="file_att" class="file_upload" required>
<p><span id="file_error"></span>
<input type="submit" value="Submit" id="casehistory-submit">
</form>

已将其放在表格之前:

<script src="https://code.jquery.com/jquery-3.3.1.min.js" 
        integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous">
</script>

<script src="js/progress-bar/src/jquery-progress-upload.js"></script>

并将其放在表格之后:

<script>
$('#file_att').setProgressedUploader({
  onInit: function (elements) {
    // triggered on init
  },
  onGetFile: function (elements) {
    // triggered on get file
     },
  onStartSubmitting: function (elements) {
    // triggered when starting uploading
  },
  onProcessing: function (elements) {
    // triggered when processing

  },
  onFinish: function (elements, data) {
    // triggered on finish
  },
  onError: function(e){
    // triggered on error
  }
});
</script>

我还需要做什么,提交表单后转到“form-handler.php”。也许这里有一些代码:

onFinish: function (elements, data) {
    // triggered on finish
  },

但无法弄清楚如何。

标签: phpjquery

解决方案


尝试:

onFinish: function (elements, data) {
       window.location.replace("PATH_HERE/form-handler.php");

  },

推荐阅读