新聞中心
- swan.compressImage
- 方法參數(shù)
- object 參數(shù)說(shuō)明
- success 返回參數(shù)說(shuō)明
- 示例
- 圖片示例
- 代碼示例
- 常見(jiàn)問(wèn)題
- Q:富文本框里的
圖片,如何使用 previewImage 這個(gè) api
- Q:富文本框里的
- 方法參數(shù)
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
壓縮前: 壓縮后:
常見(jiàn)問(wèn)題
Q:富文本框里的
圖片,如何使用 previewImage 這個(gè) api
A:使用方法如下:
- 如果整個(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)做,或者百度的端能力
。 - 如果小程序頁(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


咨詢(xún)
建站咨詢(xún)

