HTML5?

做過HTML5 APP開發的朋友們，都會碰到這樣的問題：則如何在APP前端顯示後臺圖片呢。

看起來，很簡單。因為在搞WEB系統時，這根本不是問題。但APP不一樣，APP與後臺是兩個系統，它們之間是存在跨域問題的。

那麼，應該如何解決呢，下面將介紹三種實現方式，各有好與壞，請根據實際情況，選擇自己需要的實現方式。

工具/原料

HBuilder6.6

MUI2.5

UEditor

方法/步驟

實現APP前端顯示後臺圖片的方式一：在後臺系統儲存資料時，就把需要域名也放到圖片連結前面。例：在儲存富文字時，就自動把域名自動更新到圖片連結的前面。採用editor.getPlainTxt()方式，可以獲取圖片的內容。

儲存之後，我們看看在資料庫，儲存的格式是怎樣的。

這種方案，有一個問題，就是當域名發生變化了，就要做資料遷移工作了。

工作量還是挺大的。

實現APP前端顯示後臺圖片的方式二：後臺在接收到APP請求後，把需要返回的圖片，動態修改，並自動新增上域名。

後臺實現邏輯如下：

這種方式，在資料庫儲存的格式又是怎樣的呢。

第二種方案，應該是最優的方案，即滿足WEB端檢視，也滿足APP端檢視。但，前期的工作量太了一些。特別是要解析HTML內容時，工作量，就更大了。

實現APP前端顯示後臺圖片的方式三：後臺系統不做任何的修改。只需修改APP端的程式碼，原理是利用JS指令碼功能。找到所有頁面上的圖片，然後，動態修改img的src連結。

第三種方案，工作量是最小的，但如果換了域名，那麼意味著APP需要升級。