［通用］JS實現移動端導出文件

1.1 版本依賴

1.2 應用場景

移動端現在支持将 cpt 報表導出爲：Word、Excel、PDF、圖片。效果如下圖所示：

1.3 導出方案

現移動端提供導出接口，用戶可以通過 JavaScript 代碼實現移動端導出文件的效果。

目前只支持 cpt 報表，且支持觸發 JS 的位置都支持調用該接口：單元格超級鏈接、參數控件事件、填報控件事件、Web 事件等。

四種文件導出代碼如下表所示：

contentPane.exportReportToExcel('指定格式');

contentPane.exportReportToImage('指定格式');

contentPane.exportReportToPDF();

contentPane.exportReportToWord()

2.1 準備模板

打開設計器内置模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\industry\銀行存貸彙總.cpt

2.2 添加按鈕控件

模板上方添加 4 個填報按鈕，從左到右分别用來導出Word、Excel、PDF、圖片。如下圖所示：

2.3 按鈕添加事件

以導出 Word 按鈕爲例，給按鈕添加一個點擊事件，填寫導出代碼，如下圖所示。其他 3 個按鈕同理設置，只需要改下代碼即可。

JavaScript 代碼見1.3導出方案。

2.4 效果預覽

保存模板，點擊移動端預覽，選擇填報預覽的方式，使用企業微信掃一掃二維碼，實際導出效果如下圖所示：

已完成模板參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\phone\JS\移動端導出文件.cpt

點擊下載模板：移動端導出文件.cpt

4.1 iOS 端已知問題

1）導出 Word 亂碼的問題

• APP：導出 Word 亂碼，暫且不支持第三方應用打開。

• H5：導出 Word 亂碼，可以利用 WPS 打開文件（第三方集成可能不支持）。具體步驟：在 safari 中打開-->下載文件-->選擇下載的文件-->共享到 WPS Office。

2）導出圖片的問題

iOS 端導出圖片後，可能會出現圖片名稱并非模板名稱的問題。

3）導出 Excel 的問題

釘釘導出 Excel 文件後，中文文件名亂碼，這是釘釘浏覽器自己解析的問題。

4.2 Android 端已知問題

1）導出 Excel、PDF 的問題

個人微信中導出 PDF、Excel 文件時，如果直接用自帶浏覽器打開的話，可能出現會話失效，無法打開文件的問題。

現在的解決方案是建議安裝QQ浏覽器，在QQ浏覽器中打開文件。

2）導出 Word 的問題

有些機型不支持打開 doc 文件，需要手動改文件後綴名（bin-->doc）。