1.示例:
1.1.单图片上传:
<v-upload
v-model="brand.image"
url="/item/upload"
:multiple="false"
:pic-width="150"
:pic-height="150"
/>
上传前:
上传后:
1.2.多图片上传
示例:
<v-upload
v-model="brand.image"
url="/item/upload"
/>
效果:
2.属性列表:
属性名 | 说明 | 数据类型 | 默认值 |
---|---|---|---|
url | 上传文件的目标路径 | String | 无 |
value | 上传成功的返回结果 | 单图片上传是String。多图片上传是String数组 | 无 |
multiple | 是否运行多图片上传 | Boolean | true |
picWidth | 单图片上传后的预览宽度 | Number | 150 |
picHeight | 单图片上传后的预览高度 | Number | 150 |
3.说明
可以通过v-model双向绑定,来获取图片上传的结果:
- 单图片上传时,value值是一个图片地址
- 多图片上传时,value值是一个图片地址数组
- 文件上传的参数名是:file
- 文件上传的返回值,就是图片的url路径