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