99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

今天產(chǎn)品提出一個優(yōu)化的需求，就是之前我們做的圖片展示就是一個img標(biāo)簽搞定，由于我們做的是海外后臺管理系統(tǒng)，那邊的人上傳的文件時pdf格式，vue本事是不支持這種格式文件展示的，于是就google搜索，發(fā)現(xiàn)有iframe、embed、vueshowpdf(測試了不咋好用)、pdf等，本文說一下pdf插件的使用過程。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),曲陽企業(yè)網(wǎng)站建設(shè),曲陽品牌網(wǎng)站建設(shè),網(wǎng)站定制,曲陽網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,曲陽網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

說明：iframe標(biāo)簽這種，對于有的鏈接是可以的，比如這種鏈接在服務(wù)器端沒有設(shè)置享有頭content-disposition,就可以直接顯示，如下：

想復(fù)制代碼如下：

顯示效果如下：

如果pdf有很多頁，也不用考慮分頁功能，自動可以向下滑動就翻頁，看著挺好，但是，且往下繼續(xù)看----->

我們把上邊的鏈接換成' https://ecs7.tokopedia.net/instant-loan/file/29a2218e-bef9-44cb-b92b-8e81bc4d5228_DOC-20171013-WA0035.pdf ',發(fā)現(xiàn)什么了？快看截圖。。。同樣是pdf鏈接，怎么這個就不行？

什么情況，下載框，必須下載才能看到，那多影響體驗，下到本地還占我磁盤，不行不行，把上邊那個連接放到瀏覽器，回車看一下響應(yīng)頭部：

content-disposition :attachment; filename="DOC-20171013-WA0035.pdf"

就是它，讓我們必須彈出下載框，由于這些文件是在遠程服務(wù)器上存貯著，想著讓后端看能不能檢測到這個響應(yīng)頭，他們也懶得處理，后來只能自己處理了，鑒于這種情況，網(wǎng)上也是有很多解決辦法的，本人試驗過可以的。中間也是借用了一篇文章 ，根據(jù)自己需求，做了簡單的處理。

https://www.jb51.net/article/143646.htm

過程如下：

• 執(zhí)行npm install pdf-dist --save
• 在comments目錄下創(chuàng)建兩個文件：pdf.vue 和 index.js

< !--pdf.vue--> 

<center id="ihh7e"></center>