word插入html 轉換為docx圖片不顯示問題怎么解決

這篇文章主要介紹“word插入html 轉換為docx圖片不顯示問題怎么解決”，在日常操作中，相信很多人在word插入html 轉換為docx圖片不顯示問題怎么解決問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”word插入html 轉換為docx圖片不顯示問題怎么解決”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

場景描述

使用mht格式利用freemark將網頁上動態輸入的圖片搞到mht里面，轉換為docx格式。其中圖片是使用vshape標簽展示（網上搜到的），將圖片轉換為base64寫入到mht文件內（具體的操作可自行百度）。由于采用的是java語言，利用的是aspose這個工具轉換為docx。結果轉換出來的docx圖片就不顯示（其實不是不顯示，是壓根就沒有圖片的占位），但是使用office word打開mht文件圖片是可見的。

頭腦一熱，用了wps打開mht文件，發現圖片不顯示了！利用office word打開又可以看到圖片。所以猜測aspose轉換后的docx無圖片顯示和wps是一個問題，導致轉換出來docx的圖片不顯示。

問題分析

基本上定位肯定是圖片展示使用的標簽問題。網上搜索一番，發現vshape貌似只有office word支持，所以得換展示方式了。

怎么辦？wps不支持vshape，那它單網頁是如何展示圖片的呢？

使用wps，新建一個word，插入圖片，另存為單網頁文件（mht）。然后利用notepad++打開，發現里面是使用img標簽展示的。使用office word打開，圖片可以展示。最后再去使用aspose工具轉換一下，轉換出來的docx圖片已經成功展示。

問題解決！

總結一下： doc中圖片的展示可能是使用vml的vshape標簽進行圖片的展示，但是vml僅有office才支持，所以使用wps等其他軟件就看不了圖片，工具轉換格式也就出現了圖片丟失的情況。

解決方案

使用img標簽展示。

<img width=3D"554"  height=3D"396"  src=3D"~tmp{d2189b58-14f4-487b-a11a-94360551a999}9768886.files/~tmp{d2189b58-14f4-487b-a11a-94360551a999}97688860.png" >

其中~tmp{d2189b58-14f4-487b-a11a-94360551a999}9768886.files/~tmp{d2189b58-14f4-487b-a11a-94360551a999}97688860.png是定義當前圖片的base64的位置，Content-Location屬性，去掉前面的用戶路徑。

使用notepad++打開word(mht格式)文件最開始有當前文件的定義：

------=_NextPart_000_0076_01C29953.BE473C30
Content-Type: text/html; 
Content-Transfer-Encoding: quoted-printable
Content-Location: file:///C:/Users/xxx/AppData/Local/Temp/~tmp{d2189b58-14f4-487b-a11a-94360551a999}9768886.TMP.html

其中~tmp{d2189b58-14f4-487b-a11a-94360551a999}9768886就相當于是當前文件的id,所有接下來找到圖片的base64定義。

如下示例就是圖片的base64定義開頭：

------=_NextPart_000_0076_01C29953.BE473C30
Content-Type: application/octet-stream;
Content-Transfer-Encoding: base64
Content-Location: file:///C:/Users/xxx/AppData/Local/Temp/~tmp{d2189b58-14f4-487b-a11a-94360551a999}9768886.files/~tmp{d2189b58-14f4-487b-a11a-94360551a999}97688860.png

在Content-Location截取從~tmp{d2189b58-14f4-487b-a11a-94360551a999}9768886開始的字符串，就是img中src的地址了。

到此，關于“word插入html 轉換為docx圖片不顯示問題怎么解決”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！