javascript - 使用 html5 持久化文件引用

Question

我正在尝试从本地文件系统播放媒体文件。用户现在通过“输入”选择一个文件并播放它。我希望保留该文件引用，以便当用户下次访问时，我应该能够告诉他/她他/她之前玩过多少次等等，

我应该从服务器下载文件引用或将其存储在本地..任何想法如何执行此操作？

Answer 1

IndexedDB您可以使用或将音频或视频的信息存储到客户端localStorage。本地存储更易于使用 IMO：

var obj = {
        "timestamp": new Date(),
        "title": "Blah Blah",
        "Performer": "Lady Blahblah"
    };

localStorage["previous"] = JSON.stringify(obj);

但请注意，您将无法获得文件的完整路径，这会阻止您下次播放相同的文件。一种可能的解决方案是将文件存储在 中Base-64，然后直接将其放入<video>or <audio>，我正在使用这种方法将文件存储在我制作的 Google Chrome 扩展程序中。

Answer 2

是否有任何理由需要存储文件本身？从我读到的内容听起来你只是希望能够记录它的播放次数。这可以通过对文件进行哈希处理，然后将您的计数与文件的哈希相关联，而不是将文件本身与 localstorage 相关联来实现。

我在 google 上找到的某人使用 javascript md5 实现的简短示例包含在评论中。

http://jsfiddle.net/influenztial/b3b2V/2/

Answer 3

您可以做的是将 user.recent_files （只是名称）存储在数据库中，并进行一些汇总计算以显示他之前查看过多少次。

您不能做的是让他单击以前读取的文件的链接以再次阅读它，我的意思是仅使用 HTML5。

Rgds。