• swan.compressImage
  • 方法參數(shù)
    • object 參數(shù)說明
    • success 返回參數(shù)說明
  • 示例
    • 圖片示例
    • 代碼示例
  • 常見問題
    • Q：富文本框里的 圖片，如何使用 previewImage 這個 api

swan.compressImage

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

解釋：壓縮圖片接口，可選壓縮質(zhì)量
Web 態(tài)說明：由于 Web 態(tài)環(huán)境限制，不支持壓縮圖片功能，調(diào)用會執(zhí)行失敗回調(diào)方法。

方法參數(shù)

Object object

object 參數(shù)說明

屬性名	類型	必填	默認值	說明
src	String	是		圖片的路徑，可以是相對路徑、臨時文件路徑或存儲文件路徑
quality	Number	否	80	壓縮質(zhì)量，僅對 jpg 有效；范圍 0～100，數(shù)值越小，質(zhì)量越低，壓縮率越高
success	Function	否		接口調(diào)用成功的回調(diào)函數(shù)
fail	Function	否		接口調(diào)用失敗的回調(diào)函數(shù)
complete	Function	否		接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會執(zhí)行）

success 返回參數(shù)說明

參數(shù)	類型	說明
tempFilePath	String	壓縮后圖片的臨時文件路徑示例代碼

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

圖片示例

代碼示例

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 點擊選擇圖片壓縮
  
  
  
 壓縮前：
  
  
  
 
  
  
  
 壓縮后：
  
  
  
 
  
  
  

 
 
 

常見問題

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

A：使用方法如下：

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

分享標題：創(chuàng)新互聯(lián)百度小程序教程：swan.compressImage
文章網(wǎng)址：http://fisionsoft.com.cn/article/dhipoce.html