javascript - 在 session 中保存对象数组

Question

这是我的代码片段，每次将文件添加到 uploader 时都会运行该代码片段 (dropzone.js)。文件不会立即上传，而是存储在队列中。我希望能够在整个回发过程中保持这个队列。

        var myDropzone = this;
        var filesUploaded;
        myDropzone.on("addedfile", function () {
                filesUploaded = myDropzone.getQueuedFiles();
                myDropzone.queuedFiles = filesUploaded; // this should be set on each
// postback to be equal to the filesUpload that existed before the postback
            });

回发后，myDropzone.queuedFiles 中的文件应保留。我希望上传的文件在 uploader 中仍然可见，这样用户不需要重新选择他们的文件。

我是网络开发新手，我尝试过使用 sessionStorage 但无法实现任何工作。我正在使用 JavaScript (jQuery)、ASP.NET 并使用 dropzone.js 作为 uploader 。

我确实意识到 myDropzone.queuedFiles = filesUploaded 应该仅在发生回发并且我们已将 filesUploaded 中的信息保存到我们可以维护的内容中时运行回发后访问。我该怎么做呢？

Answer 1

您尝试过localStorage吗？我认为您的问题是 sessionStorage 而不是 localStorage。

HTML local storage provides two objects for storing data on the client:

window.localStorage - stores data with no expiration date.

window.sessionStorage - stores data for one session (data is lost when the tab is closed)

看看这些链接:

Pass datepicker object between pages

HTML5 Local Storage