如何在存儲在SQL Server中的AngularJS中顯示Word文檔作爲基礎64編碼的字符串

Question

我想在AngularJS中顯示存儲在SQL Server中的Word文檔作爲base64編碼的字符串，而我不是相當肯定如何去做。這是我到目前爲止有：

我使用的是定義爲這樣一個$資源行動：

getFile: { url: svcFileURL + "(:FileId)?OversightId=:Id", method: "GET",  
withCredentials: true, responseType: "arraybuffer", headers: { 'Content- 
Type': 'application/json' } }, 

，在我的角度控制器我設置了幾個屬性：

$scope.img_url = "data:application/vndopenxmlformats-officedocumentwordprocessingmldocument;base64"; 
$scope.imageData = $scope.items.value[0].Files[0].FileData; 

然後在我看來我只是這樣做：

<img ng-src="{{img_url}},{{imageData}}"> 

沒有運氣。我想知道我是否正在以這種正確的方式進行。任何幫助深表感謝。

非常感謝，

皮特

Answer 1

事情並不如你目前的解決方案建議的那樣簡單。 Word文檔不能作爲瀏覽器的圖像顯示，它們首先需要被渲染，也就是說，您需要一個組件來獲取存儲在Word文檔中的文檔文本，圖像，樣式和直接格式化指令，然後計算佈局，格式，換行，分頁等等。渲染文檔非常複雜，所以你不能自己實現。

你基本上要選擇顯示在瀏覽器中的文件：

• 使用現有的工具，如Word在線渲染的文件，或者
• 將文檔轉換（服務器端或批次）轉換爲瀏覽器可以顯示的格式，例如PNG或PDF。