2015-08-03 52 views
0

我試圖動態生成報告的客戶端上的文檔文檔。添加圖像時,使用JavaScript轉換HTML文檔的文檔

我的格式創建一個HTML字符串:

<html xmlns:office="urn:schemas-microsoft-com:office:office" xmlns:word="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"> 
<head> 
    <xml> 
     <word:WordDocument> 
     <word:View>Print</word:View> 
     <word:Zoom>90</word:Zoom> 
     <word:DoNotOptimizeForBrowser/> 
     </word:WordDocument> 
    </xml> 
    <style>Some CSS</style> 
</head> 
<body> 
    Some HTML 
</body> 

然後Base64編碼轉換成HTML字符串並設置下載屬性上的一個是 「數據:text/html的,base64EncodedText」

這一切都工作正常,但圖像不起作用。

我已經試過: IMG SRC = 「https://開頭的主機名/ ImagePath的」, IMG SRC = 「數據:圖像/ PNG; base64encodeduri」 ,開始嘗試使用VML,但有沒有運氣(在瀏覽器中使用它們作爲URL時,編碼的srcs可以正常打開)。

任何人都可以幫忙嗎?將圖像轉換爲word文檔的最佳方式是什麼?

如果可能,我想避免使用庫,我查看過docx.js,但由於許可(因爲沒有示例)無法使用它。

感謝

回答

3

試圖HTML轉換爲word文檔我碰到了類似的問題。 Word無法讀取以base64編碼的圖像,並且對css和圖像樣式屬性有一些限制。我推薦以下tutorial。關於數據保存的方式,它非常詳細。

應該指出的是,它只適用於保存爲.doc格式的文件。