Question

我有这个文件输入

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

我用来在我的项目中上传图片。

如何使用JS将上传的图像保存到某个本地文件夹？

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/

JS - 保存上传的文件做光盘

1 个答案: