简介
鸿蒙基本库封装,提升鸿蒙开发效率
安装
ohpm install @peakmain/library
导入依赖
import { ImageUploader, ImageBean, UploadImage } from '@peakmain/library/Index';
参数
ImageUploader组件
UploadImage 上传图片
async
submit()
{
const result = await UploadImage(this.imgBean, this.url, this.token)
let tmp: string[] = []
tmp = result.map(url => {
return url.url
})
AlertDialog.show({
message: `上传图片后的结果:${tmp}`
})
}
示例
import { NavBar, ImageUploader, ImageBean, UploadImage } from '@peakmain/library/Index';
import { AREA_HEIGHT } from '../../constants/StorageConstants';
@Entry
@Component
struct PkLoaderPage {
@State
imgBean: ImageBean[] = []
token: string = "eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiI0MDUxNjEzMDI0ODM3NDU4MDIxIiwiYWNjb3VudCI6InRyZWFzdXJlIiwibmFtZSI6IuWPuOacuiIsIm9yZ2lkIjoxMDI0OTkwNzI2NTE5NDAzNDU3LCJzdGF0aW9uaWQiOjEwMjQ3MDc1MzU4OTE5NDQ3NjksImFkbWluaXN0cmF0b3IiOmZhbHNlLCJleHAiOjE3MTY5OTIxNjR9.hQzHgAHGNYjxJ-G4nY68DFy8PUfx4nF2VFo9R_dMKSswPEkoI77uKqop9clSPr7bSdT5B4e0yHStjH-vHRTeVw"
@StorageProp(AREA_HEIGHT)
areaHeight: number = 0
async submit() {
const result = await UploadImage(this.imgBean, "", this.token)
let tmp: string[] = []
tmp = result.map(url => {
return url.url
})
AlertDialog.show({
message: `上传图片后的结果:${tmp}`
})
}
build() {
Column() {
NavBar({
title: "ImageLoader图片上传"
})
ImageUploader({
title: '文件预览',
canUpload: true,
imgBean: this.imgBean,
maxSelectNumber:3,
onSelectImageChange: (bean: ImageBean[]) => {
this.imgBean = bean
},
areaHeight: this.areaHeight
})
.layoutWeight(1)
Button("提交", { type: ButtonType.Capsule })
.backgroundColor($r('app.color.color_E56A54'))
.fontColor(Color.White)
.fontSize(16)
.height(50)
.width(125)
.onClick(() => {
this.submit()
})
}.height("100%")
}
}
写在最后
●如果你觉得这篇内容对你还蛮有帮助,我想邀请你帮我两个小忙:
●点赞,转发,有你们的 『点赞和评论』,才是我创造的动力。
●关注小编,同时可以期待后续文章ing ,不定期分享原创知识。