**問題:**
手機端圖片壓縮問題
我有個問題, 我的網站文章里面有圖片, 我的網站主要是在手機端訪問, 我希望手機端看到的是一個壓縮圖片, 點擊之后就出現一個原始圖片, 用wangEditor怎么弄?
-----
**回答:**
根據編輯器的文檔的要求,上傳圖片,服務器端要返回得到的圖片的url地址,例如:`http://www.abc.com/imgs/123.png`
如果你要實現像你說的,得到的是一個壓縮圖片,點擊之后再顯示正常圖片,那好辦!**(壓縮圖片的工作一定是在你的服務器端做的,否則下面的免談)**
例如,你上傳圖片之后,得到的原始圖片地址為 `http://www.abc.com/imgs/123.png`,得到的壓縮圖片地址為`http://www.abc.com/imgs/456.png`,那么這時你可以返回 `http://www.abc.com/imgs/456.png#http://www.abc.com/imgs/123.png`(中間的`#`一定要有)
你返回了這個,前端得到這個url,顯示的圖片肯定是`456.png`,即壓縮圖片。這樣就實現了你的第一步了。
下一步需要你自己來寫js程序實現。
點擊這個壓縮圖片的時候,你可以得到圖片的`src`,然后用`#`分割,你就可以得到原始圖片的url,即`http://www.abc.com/imgs/123.png`,現在原始圖片url都得到了,具體如何顯示,不就簡單了嗎?
- 關于wangEditor
- 遇到問題如何解決和提問【重要】
- 開始使用
- 下載
- 創建頁面
- 生成編輯器(使用ID)
- 生成編輯器(使用element)
- 調整尺寸
- 銷毀與恢復
- 一個頁面多個編輯器
- 內容處理
- 初始化內容
- 獲取內容
- 追加內容
- 清空內容
- 用 editor.$txt 做其他內容處理
- onchange事件
- 禁用/啟用
- 參數配置
- 自定義菜單
- 自定義顏色、字體、字號
- 自定義表情
- 切換語言
- 百度地圖key
- 菜單欄吸頂
- 配置全屏的z-index
- 關閉瀏覽器打印log
- 關閉過濾javascript
- 關閉粘貼過濾樣式
- 只粘貼純文本
- 插入代碼-配置默認語言
- 自定義編輯器樣式
- 自定義顏色
- 自定義菜單UI
- 自定義表格、引用、代碼的樣式
- 代碼高亮樣式
- 圖片上傳
- 使用前必讀
- 支持情況
- 配置說明
- log提示輔助排錯
- 后臺代碼示例
- C#
- java - 例1
- java - 例2
- php
- nodejs
- python
- 自定義上傳事件
- 集成plupload插件
- 集成七牛云存儲
- 跨域上傳
- 上傳圖片出錯時的解決步驟
- 使用模塊定義
- 使用require.js
- 使用seajs
- 使用webpack
- 插件開發
- 對象結構
- 常用API
- 全局API
- 對象API
- 基礎API
- 選區API
- 命令API
- 擴展一個菜單
- 『縮進』菜單
- 『行高』菜單
- 『插入符號』菜單
- 開發一個插件
- 常見問題
- 關于markdown
- 關于上傳附件
- 關于背景圖片
- 關于顯示壓縮圖片
- 集成到React
- 集成到angular
- 集成到vue.js
- 如何避免與項目中的css沖突
- xss過濾
- 如何插入視頻鏈接
- 關于mobile端編輯器
- 查看源碼第一行有空格