如何基於PHP實作微信小程式pdf檔的預覽功能

WBOY
發布: 2023-03-16 18:56:01
轉載
3173 人瀏覽過

(推薦教學:PHP影片教學

問題描述

前段時間文庫類別微信小程序開發上遇到個問題,就是要在小程式中預覽阿里雲OSS中的pdf檔。微信官方給的方案就一個,就是把文件快取到本地然後用資源管理器打開。

這樣寫問題很明顯,pdf檔小的話還可以,當pdf檔很大的時候,載入速度就會很慢。而且我只是需要預覽單純的前幾頁而已,也要把所有的文件快取下來,在檔案總管中打開。體驗非常不好。

探索流程

  • 方案一:使用小程式的webview,在網頁中實作預覽。體驗還是可以的,但是遇到的問題是 跨域問題無法解決。

  • 方案二:pdf.js。網路上很多方案說是用這個,在伺服器上寫個靜態頁面預覽。這種方案的話,如果pdf檔在自己網域的伺服器上還可以。但如果文件在第三方的oss中,還是會碰到跨域問題。而且線上小程式會出跳轉提示。 pdf.js文件比較難啃,各種相容性,未知問題無法預知。

  • 方案三:pdf檔轉圖片,小程式端只是載入對應的圖片。這種方案最完美了,不過比較考研後端開發者。我們的後端嫌麻煩,不給我整,無奈。我只能自己來整了。

實現思路

將要預覽的pdf文件的鏈接,跟要預覽的頁數傳遞給後端。後端依照傳遞的參數去解析pdf文件,並把需要的那一頁回傳為圖片即可。

  • 伺服器需要安裝映像處理軟體(ImageMagick) 用於產生圖片
  • #php需要安裝ImageMagick對應的擴充功能
  • 伺服器需要安裝ghostscript 來開啟並解析pdf檔

最終效果

透過參數p指定對應的頁數以後,左邊就能顯示出相對應頁數的圖片了。

實作步驟

  • 下載並編譯安裝ImageMagick
wget https://netix.dl.sourceforge.net/project/imagemagick/im7-src/ImageMagick-7.0.7-25.tar.gz
tar -zxvf ImageMagick-7.0.7-25.tar.gz
cd ImageMagick-7.0.7-25
./configure
make && make install
登入後複製

五條指令分別對應的操作為:下載解壓縮開啟目錄設定編譯安裝

  • #為php安裝擴充功能imagemagick (我是在寶塔中一鍵安裝的)

#也可以進行編譯安裝,這裡就暫且省略咯。

  • 安裝ghostscript
wget https://github.com/ArtifexSoftware/ghostpdl-downloads/releases/download/gs925/ghostscript-9.25.tar.gz
tar zxvf ghostscript-9.25.tar.gz
cd ghostscript-9.25
./configure --prefix=/usr
make && make install
登入後複製

五條指令分別對應的操作為:下載解壓縮開啟目錄設定編譯安裝

  • 設定指令到linux中
echo "/usr/local/lib" >> /etc/ld.so.conf 
ldconfig
登入後複製
  • php解析檔案程式碼
<?php
try{
    $url = !empty($_GET[&#39;url&#39;]) ? $_GET[&#39;url&#39;] : die(&#39;error&#39;);
    $page = isset($_GET[&#39;p&#39;]) ? $_GET[&#39;p&#39;]-1 : &#39;0&#39;;
    $file_name = &#39;temp_&#39; . mt_rand(1000,9999) . &#39;pdf&#39;;
    file_put_contents( &#39;./&#39;.$file_name,file_get_contents($url));
    $imagePreview = new imagick(&#39;./&#39;. $file_name . &#39;[&#39;.$page.&#39;]&#39;);
    $imagePreview->setImageFormat( "jpg" );
    // $imagePreview->setResolution( 900, 900 );
    header( "Content-Type: image/jpeg" );
    echo $imagePreview;
    unlink(&#39;./&#39;. $file_name);
}catch(\Exception $e){
    echo &#39;发生错误&#39;;
}
登入後複製

注意:pdf檔的路徑可以是自己伺服器的,也可以自行調整。

(推薦教學:PHP影片教學

以上是如何基於PHP實作微信小程式pdf檔的預覽功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
php
來源:jb51.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板