Question

我正在为我的项目使用角度文件上传。参考下面的链接我已经完成了我的项目 http://nervgh.github.io/pages/angular-file-upload/examples/simple/

我的要求是，一旦我选择了一个文件或多个文件，如果我刷新它也不应该从队列中删除我试图使用localstorage但它不能正常工作

以下是我使用本地存储的代码。

uploader.onAfterAddingAll = function(addedFileItems)
        {
            console.info('onAfterAddingAll', addedFileItems);
            $localStorage.allfiles= addedFileItems;

        };

最后我确实得到了控制台，但显示为空。

console.log($localStorage.allfiles);

请任何人可以提供帮助，这将是一个很大的帮助

Answer 1

好的，所以在开始之前请通过MDN Web Storage API。它说明了

Web Storage API提供了一种机制，通过这种机制，浏览器可以以比使用cookie更直观的方式存储键/值对。

因此localStorage可以存储键值对，截至目前仅支持字符串值。它无法存储文件。因此，当您想存储文件并且不支持时，您将无法实现您的尝试。

此外，如果您想存储对象，则必须对它们进行字符串化然后存储。

我建议的一个解决方案是，您可以将文件转换为字节数组，然后存储它们，然后您可以按照自己的方式处理这些字节。

这也可能对你有所帮助，我认为这就是你想要的。 Mozilla Hacks Storing Images in localStorage

将图像保存为基本64位编码的数据网址。您只需将字符串发送到服务器并使用base 64进行解码

刷新后文件上传队列保持不变？

1 个答案: