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

1、效果图

代码中逻辑:
如果上传的文件是图片格式,则缩略图回显成具体图片;
如果上传的文件是PDF文件,则回显PDF的图标文件;
如果上传的文件是WORD文件,则回显doc或docx图标文件;
如果上传的文件是EXCEL文件,则回显xls或xlsx图标文件;
【第015篇】基于vue+elementui的文件上传,以照片墙形式显示文件图标缩略图_第1张图片

2、示例代码

请参考本人写的文档:
https://blog.csdn.net/u011298909/article/details/126176148?spm=1001.2014.3001.5502
在此文档最下面有示例代码:
【第015篇】基于vue+elementui的文件上传,以照片墙形式显示文件图标缩略图_第2张图片

你可能感兴趣的:(#,Vue和Element笔记,vue,elementui)