在本地存储中获取并存储64mb mp4文件

Question

我需要下载6个大小为64mb的视频，并将其存储在localStorage中以避免使用数据（不是WiFi）再次下载。问题是，我执行以下代码：

var urlVideo = "<link_of_mp4_file>" 
var videoStorage = localStorage.getItem("video"), 
    videoElement = document.getElementById("video"), 
    sourceElement = document.getElementById("source_video"); 

if (videoStorage) { 
    // Reuse existing Data URL from localStorage 
    sourceElement.setAttribute("src", videoStorage); 
} 
else { 
    // Create XHR, Blob and FileReader objects 
    var xhr = new XMLHttpRequest(), 
     blob, 
     fileReader = new FileReader(); 

    xhr.open("GET", urlVideo, true); 
    // Set the responseType to arraybuffer. "blob" is an option too, rendering manual Blob creation unnecessary, but the support for "blob" is not widespread enough yet 
    xhr.responseType = "arraybuffer"; 

    xhr.addEventListener("load", function() { 
     if (xhr.status === 200) { 
      // Create a blob from the response 
      blob = new Blob([xhr.response], { type: "video/mp4" }); 

      // onload needed since Google Chrome doesn't support addEventListener for FileReader 
      fileReader.onload = function (evt) { 
       // Read out file contents as a Data URL 
       var result = evt.target.result; 
       // Set image src to Data URL 
       videoElement.setAttribute("src", result); 
       // Store Data URL in localStorage 
       try { 
        localStorage.setItem("video", result); 
       } 
       catch (e) { 
        console.log("Storage failed: " + e); 
       } 
      }; 
      // Load blob as Data URL 
      fileReader.readAsDataURL(blob); 
     } 
    }, false); 
    // Send XHR 
    xhr.send(); 
} 

测试这个脚本，我可以从mp4文件被下载的浏览器中看到后，但是当它完成了任务保存在localStorage的视频，它抛出我的以下错误：

Storage failed: QuotaExceededError: Failed to execute 'setItem' on 'Storage': Setting the value of 'video' exceeded the quota.

如何将这些文件存储在localStorage中？

Answer 1

您可以用--unlimited-storage标志设置启动铬，铬。

---

但要注意，因为--unlimited-storage设置可以在镀铬，铬，如果你使用这些浏览器可以替代使用requestFileSystem由FileReader创建data URI。

​​3210

商店在LocalFileSystem而不是localStorage作为一个字符串File对象。

见

• How to use webkitRequestFileSystem at file: protocol

• jQuery File Upload Plugin: Is possible to preserve the structure of uploaded folders?

• How to Write in file (user directory) using JavaScript?