lhl 55a7808c4f create | hace 6 meses | |
---|---|---|
.. | ||
DateTimePicker | hace 6 meses | |
Sansnn-uQRCode | hace 6 meses | |
js_sdk | hace 6 meses | |
jyf-parser | hace 6 meses | |
lb-picker | hace 6 meses | |
lime-painter | hace 6 meses | |
more | hace 6 meses | |
poiuy-uImgUpload | hace 6 meses | |
shmily-drag-image | hace 6 meses | |
ss-calendar | hace 6 meses | |
tki-qrcode | hace 6 meses | |
top-title | hace 6 meses | |
uni-badge | hace 6 meses | |
uni-countdown | hace 6 meses | |
uni-icons | hace 6 meses | |
uni-list | hace 6 meses | |
uni-list-item | hace 6 meses | |
uni-load-more | hace 6 meses | |
uni-nav-bar | hace 6 meses | |
uni-notice-bar | hace 6 meses | |
uni-popup | hace 6 meses | |
uni-search-bar | hace 6 meses | |
uni-status-bar | hace 6 meses | |
uni-swipe-action | hace 6 meses | |
uni-swipe-action-item | hace 6 meses | |
uni-tag | hace 6 meses | |
uni-transition | hace 6 meses | |
w-picker | hace 6 meses | |
wangding-pickerAddress | hace 6 meses | |
wangding-pickerAddressindex | hace 6 meses | |
xw-empty | hace 6 meses | |
zhilin-picker | hace 6 meses | |
zhtx-uploadImg | hace 6 meses | |
README.md | hace 6 meses | |
empty.vue | hace 6 meses | |
espempty.vue | hace 6 meses | |
jyf-parser(1).zip | hace 6 meses | |
newOne.vue | hace 6 meses | |
permission.js | hace 6 meses | |
share.vue | hace 6 meses | |
uni-number-box.vue | hace 6 meses | |
upload-image.vue | hace 6 meses | |
upload-images.vue | hace 6 meses |
插件安装
图片上传组件 将组件放在自己的组件库里导入即可
**注意
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
}
})
}