uniapp上传图片与图片预览

806 阅读1分钟

上传图片 uni.chooseImage

从本地相册或者使用相机拍照

  • count 限制上传的图片个数
  • success 上传成功之后的回调函数

预览图片 uni.previewImage

  • current
  • urls 需要预览的图片列表
  • loop 是否可循环(只在app中显示)
  • longPressActions 长按图片显示操作菜单,如果不填默认为保存相册
  • success 接口调用成功的回调函数
  • indicator 图片指示器的样式 (只会在app中显示)

图片的多张预览与单张预览

  • 多张预览

    //由点击的地方传入图片的index
    clickImgPriview(index) {
            uni.previewImage({
                //图片的索引值
                current: index,
                  //图片地址数组  
                urls: imgList,
            })
        },
    
  • 单张预览

    //由点击的地方传入图片地址
    clickImgPriview(src) {
            uni.previewImage({
            //将current设置为0(不需要改变)
                current: 0,
                //将单张图片地址放入数组中
                urls: [src],
            })
        },
    
                                                             -----------------------------知识随笔