xuhaolan dcfcf32603 11 2 år sedan
..
DateTimePicker dcfcf32603 11 2 år sedan
Sansnn-uQRCode dcfcf32603 11 2 år sedan
js_sdk dcfcf32603 11 2 år sedan
jyf-parser dcfcf32603 11 2 år sedan
lb-picker dcfcf32603 11 2 år sedan
lime-painter dcfcf32603 11 2 år sedan
more dcfcf32603 11 2 år sedan
poiuy-uImgUpload dcfcf32603 11 2 år sedan
shmily-drag-image dcfcf32603 11 2 år sedan
ss-calendar dcfcf32603 11 2 år sedan
tki-qrcode dcfcf32603 11 2 år sedan
top-title dcfcf32603 11 2 år sedan
uni-badge dcfcf32603 11 2 år sedan
uni-countdown dcfcf32603 11 2 år sedan
uni-icons dcfcf32603 11 2 år sedan
uni-list dcfcf32603 11 2 år sedan
uni-list-item dcfcf32603 11 2 år sedan
uni-load-more dcfcf32603 11 2 år sedan
uni-nav-bar dcfcf32603 11 2 år sedan
uni-notice-bar dcfcf32603 11 2 år sedan
uni-popup dcfcf32603 11 2 år sedan
uni-search-bar dcfcf32603 11 2 år sedan
uni-status-bar dcfcf32603 11 2 år sedan
uni-swipe-action dcfcf32603 11 2 år sedan
uni-swipe-action-item dcfcf32603 11 2 år sedan
uni-tag dcfcf32603 11 2 år sedan
uni-transition dcfcf32603 11 2 år sedan
w-picker dcfcf32603 11 2 år sedan
wangding-pickerAddress dcfcf32603 11 2 år sedan
wangding-pickerAddressindex dcfcf32603 11 2 år sedan
xw-empty dcfcf32603 11 2 år sedan
zhilin-picker dcfcf32603 11 2 år sedan
zhtx-uploadImg dcfcf32603 11 2 år sedan
README.md dcfcf32603 11 2 år sedan
empty.vue dcfcf32603 11 2 år sedan
espempty.vue dcfcf32603 11 2 år sedan
jyf-parser(1).zip dcfcf32603 11 2 år sedan
newOne.vue dcfcf32603 11 2 år sedan
permission.js dcfcf32603 11 2 år sedan
share.vue dcfcf32603 11 2 år sedan
uni-number-box.vue dcfcf32603 11 2 år sedan
upload-image.vue dcfcf32603 11 2 år sedan
upload-images.vue dcfcf32603 11 2 år sedan

README.md

插件安装

图片上传组件 将组件放在自己的组件库里导入即可

**注意 1.组件加入后一定要去修改自己的上传路径!
2.自己的上传接口的返回值注意修改 我这边是0! **

导入:

小程序.json 文件里

"usingComponents": {
	"imgUpload":"/component/imgUpload/imgUpload"
  },


属性 attribute

属性名 类型 介绍 默认值
imgArr Array 图片展示列表 []
uploadImgCount Number 一次可选多少张图片 3
imgCount Number 一共可以上传多少张图片 3
imgSize Number 上传图片的大小 2 (M)
closeTip Boolean 关闭小提示 false

方法 method

开始上传图片 在父页面中调用该方法 注意 一定要给组件 id 如下(示范代码)


####示范代码 wxml:

<imgUpload id="imgUpload" imgArr="{{imgArr}}"></imgUpload>
<button bindtap="submit"></button>

*js*:

submit(){

	const imgUpload = this.selectComponent("#imgUpload");
	imgUpload.upload(res=>{
		if(res.code==0){
				// 正常的返回code=0 将回调的线上图片数组 赋值给需要提交的表单里
				// res.urlArray 线上路径图片数组
				//TODO
				
		}else{
			//没有上传图片的返回 code=400
		}
	})

}