在vuex中儲存圖片是否可行？是否應該這樣做？

Question

我正在嘗試儲存個人資料縮圖以便輕鬆存取。由於我希望透過消除每次用戶重新加載頁面時獲取圖像路徑的方法來減少資源消耗。我們可以在vuex中儲存影像資料嗎？如果可以，我們應該這樣做嗎？

Answer 1

是的，你可以！

在影像回應後，將映像傳遞給 URL.createObjectURL() (文件)。這將在瀏覽器中快取圖像，並提供一個本地圖像URL，您可以重新使用：

const imageUrl: string = URL.createObjectURL(response.data);
if (imageUrl) {
     // 使用以下对象更新您的存储：
     { id: imageId, url: imageUrl };
}

然後，您可以透過 id 在保存了這個URL的 imageUrl[] 狀態中搜索，並再次檢索URL。