於網頁呈現PDF檔案的資料內容!
說到這個PDF真是讓人又愛又恨啊!!他保密的優點讓人愛不釋手,但他不能修改不能讀取的缺點卻也讓人相當痛心啊!!
今天有個小案件,客戶希望於頁面上呈現他在後台上傳的PDF檔中的資料,想到沒辦法讀就非常頭疼,後來想到偷吃步,用個<iframe>包起來讀絕對路徑不就行了!!?
到這裡應該毫無疑問可以解決這個困擾的小問題,可是呢,在IE直接打絕對路徑讀PDF,是很慢的~~!而且可能需要安裝套件或是點選確認之類的,用起來不夠人性化,那山不轉人轉,用Google提供的讀取PDF的方式如何?讚啊!!畫面就像自己做的,也不需經過點選確認或安裝任何東西,速度又快,真的好啊!!以下分享做法,關於上傳PDF的部分因為不是今天的主題,所以暫不討論,範例中的檔名為資料庫讀取出來的,暫命欄位名為"P_PDF".. :
主要關鍵在於把路徑設到 docs.google.com去,參數為url = "您的絕對路徑",當然基於安全問題建議您先行編碼過 :)
<iframe id="i1" name="i1" height="900" width="639" src="http://docs.google.com/gview?url=http://www.ShinyoHer.tw/upload/<?=$P_PDF;?>&embedded=true">
</iframe>
結果畫面蠻漂亮的跟GOOGLE文件長的一樣 ,還附上載入中的讀取條~so sweet!! :
就這樣啦~下次遇到要讀PDF可別在緊張囉 ..
|