javascript - wp_handle_upload 输入响应意外结束

Question

文件通过ajax上传没有问题，但是当json编码的数组返回到ajax时，我在尝试解析它时收到此错误:

Uncaught SyntaxError: Unexpected end of input

客户端脚本

jQuery(".target-input").change(function() {
  var formData = new FormData();
  formData.append("file", this.files[0]);
  jQuery.ajax({
    url: "../wp-content/plugins/site_bannermanager/site_ajax_server_add.php",
    file: formData
  }).done(function(response) {
    console.log(JSON.parse(response));
  });
});

site_ajax_server_add.php

foreach ($_FILES as $key => $data) {
  exit(json_encode(wp_handle_upload($data)));
}

Answer 1

jQuery(".target-input").change(function () {
  var formData = new FormData();
  formData.append("file", this.files[0]);
  jQuery.ajax({
    url: "../wp-content/plugins/site_bannermanager/site_ajax_server_add.php",
    file: formData,
    success: function(response) {
      console.log(JSON.parse(response));
    }
  });
});

应该可以解决问题。看起来您忘记了一些右括号。我还让 success 函数变得更好了一些(但是如果你愿意的话，你可以把它改回来，我只是认为这使它更具可读性。