我正在一个PWA项目上工作，我已经创建了一个IndexedDB，并在其中存储了图像和视频。在下一次重新加载页面时，如果indexedDB中有图像/视频，它应该从那里加载。

function fetchMedia(id) {
    var transaction = db.transaction(["media"]);
    var objectStore = transaction.objectStore("media");
    var request = objectStore.get(id);

    request.onerror = function(event) {
       console.log("Unable to retrieve daa from database!");
       return "";
    };

   request.onsuccess = function(event) {
       var imgFile = request.result;
       console.log(imgFile)
       var imgURL = window.URL.createObjectURL(imgFile);
       return imgURL;
   };
}

它总是返回undefined。当我console.log imgFile时，它显示它在IndexedDB中：

IndexedDB中的文件：

我也尝试过，但还没有成功：

var imgURL = window.URL.createObjectURL(new Blob(imgFile, {'type': 'application/octet-stream'}));

从IndexedDB加载文件的正确方法是什么？