百度智能小程序 壓縮圖片接口

swan.compressImage

基礎庫 3.110.3 開始支持，低版本需做兼容處理。在工具和真機中的實現有區(qū)別，詳見 API 實現差異。

解釋：壓縮圖片接口，可選壓縮質量

Web 態(tài)說明：該 API 在 Web 態(tài)暫不支持，使用前請判斷是否存在。

方法參數

Object object

object參數說明

success 返回參數說明

示例 

在開發(fā)者工具中打開

圖片示例

代碼示例

<view class="wrap">
    <button type="primary" bindtap="compressImage">點擊選擇圖片壓縮</button>
    <view>壓縮前：</view>
    <image class="image" src="{{oldSrc}}"></image>
    <view>壓縮后：</view>
    <image class="image" src="{{newSrc}}"></image>
</view>

常見問題

Q：富文本框里的<img> 圖片，如何使用 previewImage 這個 api

A：使用方法如下：

1. 如果整個頁面都是 rich-text，那么可以用一個 web-view 組件加載 h5，在 h5 中自己實現一個類似 rich-text 組件的功能（把 js tree/ dom 片段渲染成最終 html），預覽圖片可以用 h5 功能來做，或者百度的端能力。
2. 如果小程序頁面中部分區(qū)域是 rich-text，想要實現 rich-text 中預覽圖片不行，因為 rich-text 中會屏蔽所有的事件。