vue中c盘图片路径转base64
时间: 2023-12-14 15:34:52 浏览: 106
图片转base64
4星 · 用户满意度95%
根据提供的引用内容,可以使用require将变量中保存的图片地址转码为base64。具体步骤如下:
1. 将需要转码的图片放到项目文件夹的static文件夹下,例如将C盘中的图片复制到项目文件夹的static文件夹下。
2. 在Vue组件中,使用require引入图片,并将其赋值给一个变量,例如:
```
<template>
<div>
<img :src="imgUrl" alt="图片">
</div>
</template>
<script>
export default {
data() {
return {
imgUrl: require('@/static/image.jpg')
}
}
}
</script>
```
在上述代码中,@符号表示src目录,因此@/static/image.jpg表示项目文件夹下的static文件夹中的image.jpg图片。
3. 在浏览器中打开该Vue组件,图片将会以base64的形式显示出来。
阅读全文