一、依赖包
vue-pdf "^4.0.12"
v-viewer "^1.5.1"
jquery "^3.4.1"
element-ui "^2.13.0"
二、初衷、思路、想法
绝大数后台管理项目和少数C端项目都离不开文件的上传及预览,所以我就做了一个这个自认为适用于绝大多数项目的组件~
用户上传图片orPDF,预览上传的文件无论图片orPDF,由于在现在的公司做的主要项目针对的是后台管理,且有的页面上传的文件较多,有的文件必传、有的文件需要显示示例图、有的文件需要对文件类型及文件大小做限制、有的场景希望上传的区域较大或较小、直接拖拽文件到某一特定区域上传、在文件较多的页面希望用户“直接”定位到有哪一个或哪一些文件上传的校验没通过
对于开发者,希望在用户上传特定的一些文件后立即触发回调事件对用户上传的文件及时做处理。
三、组件预览图
总揽
pdf预览
图片预览
gif
QQ20200826-174338-HD.gif
四、使用
fileNameList: Array
发表评论 (审核通过后显示评论):