javascript - 仅用JS将文件上传到服务器

标签 javascript file-upload

我正在寻找一种仅使用Javascript在我的服务器上上传文件的方法。 我已经尝试过在论坛上找到的 formData 的一些方法,但没有任何效果。

var fileChoose = document.getElementById('file-select');

form.onsubmit =  async function(event) {
event.preventDefault();


// Récupère le fichier sélectionné
var files = fileChoose.files;

// Création d'un objet FormData
var formData = new FormData();
var req = new XMLHttpRequest();
filesConfig = files[0]; // Ajoute le fichier dans une variable

formData.append('fileLoad', filesConfig);

try {
  let r = await fetch('./Files', {method: "POST", body: formData});
  console.log("HTTP response code:",r.status);
  console.log(r);
} catch(e) {
  console.log("Il y'a une erreur...: ", e);
}

此方法告诉我文件已成功发送,但我在我的服务器上找不到该文件。

有什么想法吗?

干杯。

最佳答案

JavaScript 是客户端。您将无法使用它将文件上传到服务器。您需要一种服务器端语言,例如 PHP。

Article on Client vs Server Side

关于javascript - 仅用JS将文件上传到服务器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60035719/

相关文章:

在纯 html 中找不到用 typescript 编译的 javascript 代码

javascript - 无法理解二叉树 DFS 的递归部分

javascript - 如何安全地打印带有 HTML 标签和实体的字符串

javascript - 使用不带表单的 dropzone.options

javascript - 识别由 Flex 中的 FileReference 对象为 PNG 图像编码的数据的性质

validation - 如何在 Angular 6 中上传之前验证文件

javascript - 在另一个数组中查找项目并从数组中删除匹配的项目

java - 从服务器下载文件时显示进度条

java - 从 Web 浏览器上传大文件并传输到 Amazon S3

c# - FileUpload 控件在第二次单击时起作用,但不是第一次尝试保存发布的文件?