upload 手动上传如何触发？如何预览上传图片

### 议题条件

- [x] 我确认已查阅：**http://www.layui-vue.com** ，但没有找到相关解决方案。
- [x] 我确认已在 **Issues** 中搜索过类似的问题，但没有找到相关解决方案。

### 版本号

2.16.5

### 浏览器

chrome

### 问题类型

功能困惑

### 问题描述

### 使用场景:图片素材上传

1. 可以选择多图，并前端预览
2. 上传前，对每张图片单独定义一些参数，如：是否做压缩
3. 设置后参数后点 <上传> 按钮，再上传后台

### 看了半天文档，感觉疑惑：
配置了 `v-model="imageList"`
1. 文档没看到手动触发upload上传动作方法
2. 如果要前端预览是否手动把 `imageList`数组逐个转 `base64`
3. 手动上传是否是要自己上传 `imageList`数组中的文件对象
4. 要自己上传 `imageList`数组中的文件对象，那`onProgress`怎么触发

### 演示地址

https://layui-vue.gitee.io/sandbox-vue/#eNpVkNFuwyAMRX/FYg/dpCakm7K1Ubtp39H0ARGysUFAQBJVKP8+sySqygOSr+3ja0fyaW0+9IJU5BiEtooF8V53AEfFrllvlWFNCgF6p041+Q7B+orScRxzbfjvNZeGDs+05Hxf7A7NS5HeYV+woizF22tN5u4h06YRidBKJXar3EqhmkVctYr1wSSNKb+I/47Q0+oQHqwTgxTjkgCIEVkIPheXj7xjWsA0LU30fi96WwyFuyyGnjtpAyjWfaGF4GsCXoTeYlZqa1yACE60W/wYD3LAOdA6o2GDR9wkBDedD7MZOKXax/PlKQ2a0QgiWzKzMs1s/uNNh9eP9SLiyCpOE5n+AEnEh4w=

### 业务代码

```auto
<template>
  <lay-upload
    url="https://www.mocky.io/v2/5cc8019d300000980a055e76"
    v-model="file1"
    field="file"
    :auto="false"
  >
    <template #preview>
      {{ file1[0]?.name }}
    </template>
  </lay-upload>
</template>

const file1 = ref([])
</script>

```

### 截图补充

### 友好承诺

- [x] 我承诺将本着相互尊重、理解和友善的态度进行交流，维护 layui-vue 良好的社区氛围。

lunar landing/layui-vue

内容风险标识

评论 (3)

lunar landing/layui-vue .gitee-modal { width: 500px !important; }

内容风险标识