如何使用 javascript 将表单提交的文件放入本地文件夹

Question

我想将表格中的文件抓取到同一目录下的文件夹中我只有表格和 javascript 文件才能被选中

            <form>
              <div id="filejs" class="file is-info has-name">
                <label class="file-label">
                  <input class="file-input" type="file" name="stuff" />
                  <span class="file-cta">
                    <span class="file-icon">
                      <i class="fas fa-upload"></i>
                    </span>
                    <span class="file-label"> </span>
                  </span>
                  <span class="file-name"> Upload file </span>
                  <input class="button" type="submit" value="Submit input" />
                </label>
              </div>
            </form>
         
    <script>
      const fileInput = document.querySelector("#filejs input[type=file]");
      fileInput.onchange = () => {
        if (fileInput.files.length > 0) {
          const fileName = document.querySelector("#filejs .file-name");
          fileName.textContent = fileInput.files[0].name;
        }
      };
    </script>

Answer 1

您无法从 client-side Javascript 的表单中获取上传的文件。您将需要任何后端技术来完成这项工作。您可以使用 node.js，因为它是一个异步 event-driven JavaScript 运行时环境。有许多可用的免费软件包可以处理表单文件和表单数据，例如 multer, formidable, form-data 等

此外，您可以查看 PHP 表单处理方法 here。

如何使用 javascript 将表单提交的文件放入本地文件夹

How to get files submitted from a form into a local folder using javascript

html

javascript

forms