时间戳

首页 > 解决方案 > 如何使用 jQuery 修复上传页面

javascript - 如何使用 jQuery 修复上传页面

问题描述

目前我有针对 API URL 的上传页面，测试 API 正在工作。但是，当用户单击按钮时，从前端来看，文件不会反映到数据库。我不知道我下面的 JS 代码是否有效。愿有人给个建议。

<div class="custom-file">
  <input type="file" name="upload_file" id="abc" class="import-file">
</div>

<div class="padding-bottom-30 row" style="max-width: 170px; margin: 0 auto;">
  <div class="col-6">
    <button type="button" id="btnNo" data-dismiss="modal"></button>
      NO
  </div>
  <div class="col-6">
    <button type="button" id="btnYes" data-dismiss="modal"></button>
      YES
  </div>
</div>

$("#btnYes").on("click", function() {
  var fd = new FormData();
  var files = $('#abc')[0].files[0];
  fd.append('upload_file', files);

  console.log(files);

  $.ajax({
    url: 'XXX',
    type: 'POST',
    data: fd,
    contentType: false,
    processData: false,
    success: function(response) {
      if (response != 0) {
        $('#success-upload').modal('show');
      } else {
        alert('File Format Not Supported');
      }
    },
  });
});

$("#success-upload").on('hidden.bs.modal', function(e) {
  $('#abcTables').DataTable().ajax.reload();
});

标签： javascriptjqueryapi

解决方案

推荐阅读