el plus表格里显示本地图片

图片为本地文件,在D:\img\a.png
mysql数据库会记录图片名称 a.png


现在的问题是如何使用template标签导入照片**


<el-table-column prop="img1" label="图片1" >
                  <template>
                  </template>
                </el-table-column>

下面有个例子你可以参考一下看能不能解决你的问题:
在使用template标签导入图片时,可以在template标签中使用img标签,并将图片路径作为src属性的值。如果图片是存储在本地的话,需要在配置文件中配置静态资源的路径,然后将图片的路径拼接到该路径后面。
具体步骤如下:

1、将图片上传到服务器上的指定路径,例如 /var/www/html/img/。

2、在项目的配置文件中配置静态资源的路径,在这个例子中就是图片存放的路径。可以在应用程序的配置文件中添加以下配置:


```javascript
# application.properties

# 静态资源路径
spring.resources.static-locations=classpath:/META-INF/resources/,file:/var/www/html/img/

3、在template标签中使用img标签,并将图片路径作为src属性的值。在该例子中,可以通过props.img1来获取图片名称(a.png),然后拼接静态资源路径形成完整的图片路径。



```javascript
<el-table-column prop="img1" label="图片1">
  <template slot-scope="scope">
    <img :src="'/img/' + scope.row.img1" alt="图片1">
  </template>
</el-table-column>

这样,当渲染表格时,图片会显示在表格中的对应位置。请注意,在此示例中,假设您的应用程序已经正确配置了静态资源路径,因此Web服务器可以正确地提供位于指定路径下的图像资源。

img 写在template 里面 就行 你等着 我找个demo ,, 如有帮助给个采纳谢谢

有没有会玩这个的,帮忙解决一下吧谢谢啦

两种方法可以解决
1、数据库直接记录绝对路径,而不是只记录文件名 a.jpg ,但是这种方法是技术不推荐,因为举个例子,如果你在本地是在D盘,如果你的代码上传到服务器上也许就是另外一个绝对路径了,这时候数据库里查询到的文件会查不到这个文件

2、可以直接把你存放图片的路径写到一个config配置里,比如 path = 'D:\img',然后数据库里依然只存放a.jpg。这样在渲染的时候把 path 和 查询到的文件名组合起来就可以渲染了