如何显示保存到本地存储的图像？

2024-05-09 • 问答

我的问题是我将图像保存到本地存储，但是当我从vuex检索图像并将其粘贴到代码中时，该图像不显示。

我从vuex获得的对象：

place: {
    ....
    imgPath: C:\Users\...\Pictures\abc\b\first.jpg
    ....
}

并验证代码：

<v-img v-bind:src="place.imgPath"></v-img>

Vue旨在在Web服务器上运行。直接从本地硬盘驱动器包含文件是一个安全问题，因此是不允许的。您可以将映像包含在资产中，以便Vue可以通过这种方式包含映像，也可以将映像托管在某个位置的域中，以便您可以从那里进行热链接。同样，以驱动器号开头的路径将不（并且不应）正常工作。

在这里，您对本地存储中的图像有一个堆栈问题并对其进行访问： How to save an image to localStorage and display it on the next page?

，这里是用于客户端存储的vue官方文档： https://vuejs.org/v2/cookbook/client-side-storage.html

应该足以回答您的问题：）