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

swan.compressImage

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

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

方法參數(shù)

Object object

object 參數(shù)說(shuō)明

屬性名	類(lèi)型	必填	默認(rèn)值	說(shuō)明
src	String	是		圖片的路徑，可以是相對(duì)路徑、臨時(shí)文件路徑或存儲(chǔ)文件路徑
quality	Number	否	80	壓縮質(zhì)量，僅對(duì) 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)用成功、失敗都會(huì)執(zhí)行）

success 返回參數(shù)說(shuō)明

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

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開(kāi)

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度APP掃碼

圖片示例

代碼示例

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 點(diǎn)擊選擇圖片壓縮
  
  
  
 壓縮前：
  
  
  
 
  
  
  
 壓縮后：
  
  
  
 
  
  
  

 
 
 

常見(jiàn)問(wèn)題

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

A：使用方法如下：

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

文章標(biāo)題：創(chuàng)新互聯(lián)百度小程序教程：swan.compressImage
網(wǎng)頁(yè)路徑：http://www.dlmjj.cn/article/dhipoce.html