;

小程序图片压缩接口(图片压缩至指定大小),并返回width, height, size

2023-11-21 阅读:102
;
您当前位置:首页 | 新闻列表 | 新闻详情

mp-image-compress 小程序图片压缩接口(图片压缩至指定大小),并返回 width, height, size

为规范前端用户上传照片的大小,减轻存储服务器压力,当用户选取的照片过大时,在前端自动进行压缩至指定大小(比如 1M )后再上传。

1 - 仓库地址

2 - 测试环境

  • 微信小程序基础库版本:2.32.3 及以上

3 - 安装方法:npm安装

npm i mp-image-compress --save

依赖包安装后,需要在小程序开发者工具中:构建npm

4 - 接口使用示例

index.js

// 引用 mp-image-compress import mpImageCompress from 'mp-image-compress' Page({ data: { img: '' },
  onLoad() {
    mpImageCompress.clearTempImg() // 页面载入时清除临时文件 },
  onUnload() {
    mpImageCompress.clearTempImg() // 页面卸载时清除临时文件 },
  chooseImage() { const that = this wx.chooseMedia({ count: 1, mediaType: ['image'], sourceType: ['album', 'camera'], sizeType: ['original', 'compressed'], async success(res) { const info = res.tempFiles[0] // 选择文件后调用图片压缩接口进行压缩。如果选取的图片没有达到指定的大小,将返回原图 const imgRes = await mpImageCompress.set(info.tempFilePath, 1024) // 1024K console.info(imgRes) /////////////////////// that.setData({ img: imgRes.filePath
        })
      }
    })
  },
  preview() {
    wx.previewImage({ current: this.data.img, urls: [this.data.img]
    })
  },
  DelImg() { this.setData({ img: '' })
  },
})
上一篇:小程序分销商城如何设计才会裂变 下一篇:微信小程序数据管理方案:mobx-miniprogram-lite

推荐信息

更多+

    联系我们

  • 电话 :134-8274-2882
  • QQ:1059681242
  • 邮箱:haoljq@163.com
  • 地址:上海市松江区米易路166号交科医疗健康产业园(2楼)

在线预约

  • 您的姓名
  • 联系电话

友情链接:

小程序开发 小程序定制开发 小程序商店 微信小程序开发文档 分销商城小程序 电商小程序开发 百家号 商城小程序 微信小程序开发API 小程序定制 生鲜小程序 全平台开发 网站建设 外包开发 自主研发产品

热门地区:

松江开发公司 青浦开发公司 崇明开发公司 杨浦开发公司 宝山开发公司 奉贤开发公司 虹口开发公司 闵行开发公司 长宁开发公司 静安开发公司 黄浦开发公司 嘉定开发公司 徐汇开发公司 金山开发公司 上海开发公司 南昌开发公司 杭州开发公司 上饶开发公司

COPYRIGHT 2009-2016 www.guanzhiweb.com ALL RIGHTS RESERVED

版权所有 上海观智网络科技有限公司

在线
客服

在线客服服务时间:9:00-21:00

选择下列咨讯方式马上在线沟通:

客服
热线

134-8274-2882
小程序定制开发已服务600+

特价
商城

商城小程序助力每个商家获客盈收

来电咨讯获取商城方案,报价功能清单

小程
序码

扫码加微信咨询
顶部