技術標籤：Java程式設計pdfjs線上預覽

GitHub下載並引入pdfjs

https://github.com/mozilla/pdf.js/

下載後如下：

放到前端工程public目錄下，然後執行以下語句下載相關依賴:

nmp install

前端展示如下：

<Button
      type="success"
        size="small"
        @click="showOnlineBtn(row.documentName)"
        class="table-btn"
 
>
線上預覽</Button>

<Drawer title="線上預覽" v-model="showOnline" width="30">
      <div style="background: #eee; padding: 20px; height: 100%">
          <iframe class="prism-player" :src="onlineFileUrl" width="100%" height
 
="100%"></iframe>
      </div>
</Drawer>

獲取請求路徑如下：

let url = '文件所在路徑';
this.onlineFileUrl = `/pdfjs-2.6.347-es5-dist/web/viewer.html?file=${encodeURIComponent(url)}`
this.showOnline = true;