JS - 将上传的文件保存到磁盘

Question

我有一个文件输入框。

<input type="file" class="file-input">

我正在使用它来上传项目中的图片。如何使用JS将已上传的图片保存到特定的本地文件夹中？

- Alexander Nikolov

---

这是做不到的。但是，您可以使用JavaScript将文件传递到服务器端终点来保存它。请参见https://dev59.com/43RB5IYBdhLWcg3w77kn - Collin

如果@user2079802正在使用Node.js，他可以这样做。 - Legendary

@Legendary 我认为可以安全地假设他不是。 - Collin

我也不知道，但是永远不要过于自信 ;) - Legendary

是的，仅使用JS无法完成。但是如果添加像PHP、ASP或Node这样的语言，那么是可以完成的。 - Raydot

Answer 1

如果您愿意将文件保存在本地，您可以使用HTML5 LocalStorage 功能。这是一种相当简单的技术，可用于在浏览器存储中存储键/值对。正如MDN所建议的那样，我更喜欢使用Web Storage API。对于存储图像，解决方案可以是：

$('input[type="file"]').on('change', function () {
    var reader = new FileReader();
    reader.onload = function () {
        var thisImage = reader.result;
        localStorage.setItem("imgData", thisImage);
    };
    reader.readAsDataURL(this.files[0]);
});

这是一个演示，可以将一个图像从一个元素中存储下来，将该图像存储在本地存储中并重新显示出来。 http://jsfiddle.net/touhid91/nmy2b9j4/

- Touhid Alam

---

什么是localStorage..？@touhid - Jay Momaya