【第015篇】基于vue+elementui的文件上传,以照片墙形式显示文件图标缩略图

嘉&年华 2022-08-06 06:20:06 阅读数:55

vueelementUI文件上传vue+elementui

1、效果图

代码中逻辑:
如果上传的文件是图片格式,则缩略图回显成具体图片;
如果上传的文件是PDF文件,则回显PDF的图标文件;
如果上传的文件是WORD文件,则回显doc或docx图标文件;
如果上传的文件是EXCEL文件,则回显xls或xlsx图标文件;
在这里插入图片描述

2、示例代码

请参考本人写的文档:
https://blog.csdn.net/u011298909/article/details/126176148?spm=1001.2014.3001.5502
在此文档最下面有示例代码:
在这里插入图片描述

版权声明:本文为[嘉&年华]所创,转载请带上原文链接,感谢。 https://blog.csdn.net/u011298909/article/details/126177380