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

Question

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

我从vuex获取的对象:

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

和 vuetify 代码:

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

Answer 1

Vue 旨在在网络服务器上运行。直接包含本地硬盘驱动器中的文件存在安全问题，因此是不允许的。要么将图像包含在您的 Assets 中，以便 Vue 可以以这种方式包含它，要么将图像托管在某个域上，这样您就可以从那里热链接它。同样，以驱动器号开头的路径将无法(也不应该)工作。