lhl 8fe1fa8bf9 6-20-1 | há 1 ano atrás | |
---|---|---|
.. | ||
DateTimePicker | há 2 anos atrás | |
Sansnn-uQRCode | há 2 anos atrás | |
js_sdk | há 2 anos atrás | |
jyf-parser | há 2 anos atrás | |
lb-picker | há 2 anos atrás | |
lime-painter | há 2 anos atrás | |
more | há 2 anos atrás | |
poiuy-uImgUpload | há 2 anos atrás | |
shmily-drag-image | há 2 anos atrás | |
ss-calendar | há 2 anos atrás | |
tki-qrcode | há 2 anos atrás | |
top-title | há 2 anos atrás | |
uni-badge | há 2 anos atrás | |
uni-countdown | há 2 anos atrás | |
uni-icons | há 2 anos atrás | |
uni-list | há 2 anos atrás | |
uni-list-item | há 2 anos atrás | |
uni-load-more | há 2 anos atrás | |
uni-nav-bar | há 2 anos atrás | |
uni-notice-bar | há 2 anos atrás | |
uni-popup | há 2 anos atrás | |
uni-search-bar | há 2 anos atrás | |
uni-status-bar | há 2 anos atrás | |
uni-swipe-action | há 2 anos atrás | |
uni-swipe-action-item | há 2 anos atrás | |
uni-tag | há 2 anos atrás | |
uni-transition | há 2 anos atrás | |
w-picker | há 2 anos atrás | |
wangding-pickerAddress | há 2 anos atrás | |
wangding-pickerAddressindex | há 2 anos atrás | |
xw-empty | há 2 anos atrás | |
zhilin-picker | há 2 anos atrás | |
zhtx-uploadImg | há 2 anos atrás | |
README.md | há 2 anos atrás | |
empty.vue | há 2 anos atrás | |
espempty.vue | há 2 anos atrás | |
jyf-parser(1).zip | há 2 anos atrás | |
mzsm.vue | há 1 ano atrás | |
newOne.vue | há 2 anos atrás | |
permission.js | há 2 anos atrás | |
share.vue | há 2 anos atrás | |
uni-number-box.vue | há 2 anos atrás | |
upload-image.vue | há 2 anos atrás | |
upload-images.vue | há 2 anos atrás |
插件安装
图片上传组件 将组件放在自己的组件库里导入即可
**注意
1.组件加入后一定要去修改自己的上传路径!
2.自己的上传接口的返回值注意修改 我这边是0!
**
小程序.json 文件里
"usingComponents": { "imgUpload":"/component/imgUpload/imgUpload" },
属性名 | 类型 | 介绍 | 默认值 |
---|---|---|---|
imgArr | Array | 图片展示列表 | [] |
uploadImgCount | Number | 一次可选多少张图片 | 3 |
imgCount | Number | 一共可以上传多少张图片 | 3 |
imgSize | Number | 上传图片的大小 | 2 (M) |
closeTip | Boolean | 关闭小提示 | false |
开始上传图片 在父页面中调用该方法 注意 一定要给组件 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
}
})
}