uView图片上传

本文介绍了如何在uView1.X中使用上传图片功能,包括基本使用方法和获取上传图片列表的步骤。用户可在提交表单时通过ref访问组件内部的lists数组,筛选出进度为100的已上传图片。
摘要由CSDN通过智能技术生成

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=</
  • 4
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值