Uniapp开发钉钉小程序之图片上传功能

Uniapp开发钉钉小程序之图片上传功能

  • 前言
  • 一、图片选择上传


前言

由于插件市场提供的图片选择上传组件无法兼容钉钉小程序,所以我们就要使用原生方法手写一个。


一、图片选择上传

  1. 选择图片并上传功能是很多小程序都需要的,效果图如下所示!
    Uniapp开发钉钉小程序之图片上传功能_第1张图片

  2. 我们查阅官方文档,发现有这样一个属性!
    Uniapp开发钉钉小程序之图片上传功能_第2张图片

  3. 其次,我们想要把选择好的照片显示在屏幕上,那么我们就要遍历照片数组!
    在这里插入图片描述

  4. 接下来是方法,这里要注意一下箭头函数和普通函数this的指代问题!
    Uniapp开发钉钉小程序之图片上传功能_第3张图片
    我这边使用的是箭头函数,如果用一般函数就要用var that = this; that.imgArr=…

  5. 九宫格显示
    Uniapp开发钉钉小程序之图片上传功能_第4张图片

好啦,本次分享就到这里,不见不散!

你可能感兴趣的:(小程序,uni-app,前端)