uView1.X的上传图片
基本使用
所需API | 说明(作用) |
---|---|
file-list (数组,元素为对象) | 显示预置的图片,其中元素的url属性为图片路径 |
action | 后端服务器地址(注意H5在浏览器可能会有跨域限制,让后端允许域即可) |
max-count | 最大选择图片的数量 |
max-size | 设置单张图片最大的大小,单位为B(byte),默认不限制 |
multiple | 是否开启图片多选,部分安卓机型不支持 |
deletable | 是否显示删除图片的按钮 |
auto-upload | 选择完图片是否自动上传 |
clear | 调用此方法,清空内部文件列表 |
remove(index) | 手动移除列表的某一个图片,index为lists数组的索引 |
on-remove | 移除图片时触发((index, lists, name),name为通过props传递的index参数) |
on-success | 图片上传成功时触发((data, index, lists, name),data为服务器返回的数据,name为通过props传递的index参数) |
更详细的API可见uView组件Upload
<!-- Example -->
<template>
<view>
<u-alert-tips :show="show" :title="title" :description="description" @close="show = false"
:close-able="true"></u-alert-tips>
<u-upload ref="uUpload" :action="action" :auto-upload="true" :file-list="listImg" @on-remove="onRemove"
@on-success="onSuccess" :max-size=</