element-plus:Upload多图上传预览

一、在处理上传图片时,需注意以下几个API:

1.获取回显图片:file-list(数组格式)

2. 限制文件数量:limit

 

3.超出文件限制个数时,可以用on-exceed弹出提示,或者获取上传数量之后用css控制上传按钮是否显示

 

二、预览图片有两种方式:

1.Upload组件里的预览:

 

2.Image图片预览:

 

 需注意的是:Upload组件里的预览类型为string,Image图片预览为数组

代码及效果图如下:

element-plus:Upload多图上传预览_第1张图片

element-plus:Upload多图上传预览_第2张图片 

相关文章:element-plus:Upload单文件上传 

你可能感兴趣的:(vue3,element-plus,vue.js,elementui,javascript)