如何将图像文件url上传到indexedDB以在页面上呈现

var request = indexedDB.open("myDB", 1);

request.onupgradeneeded = function(event) {
  var db = event.target.result;
  var objectStore = db.createObjectStore("images", { keyPath: "id", autoIncrement: true });
};

function uploadImageToIndexedDB(imageUrl) {
  var request = indexedDB.open("myDB", 1);

  request.onsuccess = function(event) {
    var db = event.target.result;
    var transaction = db.transaction(["images"], "readwrite");
    var objectStore = transaction.objectStore("images");

    var image = {
      url: imageUrl
    };

    var addRequest = objectStore.add(image);

    addRequest.onsuccess = function(event) {
      console.log("Image uploaded to IndexedDB");
    };

    addRequest.onerror = function(event) {
      console.error("Error uploading image to IndexedDB");
    };
  };
}

var imageUrl = "https://example.com/image.jpg";
uploadImageToIndexedDB(imageUrl);