javascript - XMLHttpRequest 文本发送 404 错误

Question

我的服务器上有一个文本文件，我想使用 XMLHttpRequest 上传其中的文本。它通过 GET 方法成功下载，但是当我尝试 POST 时，出现 404 错误。

var r1 = new XMLHttpRequest();
r1.open("GET", "db.txt", false);
r1.send();

var str = r1.responseText + "foo text";

var r2 = new XMLHttpRequest();
r2.open("POST", "db.txt", false);
r2.send(str);

Answer 1

在大多数地方，当您尝试进行直接上传时会存在安全问题，并且通常是不允许的...您需要做的是在服务器上有一个中间层来处理请求并将文件写入到安全磁盘。

您可以使用如下方式轻松上传文件:

var jsonBlob = new Blob([someJSON], {type: "text/plain;charset=utf-8"});
var data = new FormData();

data.append("filename", "new.json");
data.append("json", jsonBlob);

var xhr = new XMLHttpRequest();
var postURL = "http://example.com/post_target";
xhr.open("POST", postURL, true);
xhr.onload = function(e) {
  if (this.status == 200) {
    console.log(e.target.response);
  }
};
xhr.send(data);

其中 postURL 是可以处理文件上传的端点。

如果您发布服务器上可用的语言(PHP？)，我可以提供一些示例代码来处理服务器端的上传。