创新互联百度小程序教程:swan.compressImage

  • swan.compressImage
    • 方法参数
      • object 参数说明
      • success 返回参数说明
    • 示例
      • 图片示例
      • 代码示例
    • 常见问题
      • Q:富文本框里的 图片,如何使用 previewImage 这个 api

    swan.compressImage

    基础库 3.110.3 开始支持,低版本需做兼容处理。在工具和真机中的实现有区别,详见API 实现差异。

    解释:压缩图片接口,可选压缩质量
    Web 态说明:由于 Web 态环境限制,不支持压缩图片功能,调用会执行失败回调方法。

    方法参数

    Object object

    object 参数说明

    属性名 类型 必填 默认值 说明

    src

    String

    图片的路径,可以是相对路径、临时文件路径或存储文件路径

    quality

    Number

    80

    压缩质量,仅对 jpg 有效;范围 0~100,数值越小,质量越低,压缩率越高

    success

    Function

    接口调用成功的回调函数

    fail

    Function

    接口调用失败的回调函数

    complete

    Function

    接口调用结束的回调函数(调用成功、失败都会执行)

    success 返回参数说明

    参数 类型 说明

    tempFilePath

    String

    压缩后图片的临时文件路径示例代码

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    图片示例

    代码示例

    • SWAN
    • JS
     
     
     
    1. 压缩前:
    2. 压缩后:

    常见问题

    Q:富文本框里的 图片,如何使用 previewImage 这个 api

    A:使用方法如下:

    1. 如果整个页面都是 rich-text,那么可以用一个web-view组件加载 h5,在 h5 中自己实现一个类似 rich-text 组件的功能(把 js tree/ dom 片段渲染成最终 html),预览图片可以用 h5 功能来做,或者百度的端能力
    2. 如果小程序页面中部分区域是 rich-text,想要实现 rich-text 中预览图片不行,因为 rich-text 中会屏蔽所有的事件。

    当前题目:创新互联百度小程序教程:swan.compressImage
    网址分享:http://www.shufengxianlan.com/qtweb/news6/471306.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联