vue小程式專案 pdf下載解決方案

前端醬紫發表於2020-12-29

vue小程式專案 pdf下載解決方案,過程:
先說結果:

直接把pdf下載連結給到使用者就行了,小程式裡面下載真心不好下載,京東微信小程式 也不能下載只能檢視和傳送郵箱

1.iframe標籤,未配置域名無法開啟非業務域名的地址,讓後端配置 小程式下載域名,
2.配置域名後 ios可以看 安卓只能下載不能看
3.pdfjs-dist外掛 也是 ios可以看 安卓只能下載不能看
4.pdf-vue外掛還不能渲染
5.在h5通過navigateTo跳轉傳pdf連結 帶到小程式裡面,小程式頁面載入的時候使用小程式api wx.downloadFile把pdf下載下來,下載方法執行成功了但看不到下載的東西
6.小程式文件有 wx.openDocument api可以開啟下載的pdf,安卓ios可以看,但是無法下載和轉發
7.和後他溝通檢視功能只能看,要下載的話讓後臺把pdf轉化成圖片再給我,後臺說圖片不能報銷
8.檢視京東小程式裡的發票,京東發票 只有檢視和傳送郵箱 兩個方法
9.我和產品溝通看能不能 加個傳送郵箱的介面,這樣比較簡單,後臺說這期弄郵箱肯定是做不完了
10.把後臺給我的pdf連結嘗試在手機瀏覽器開啟,ios只能看,安卓可以看和下載, 能讓使用者得到pdf連線了,需求的目的達到了
11.渲染已經實現,在h5頁面寫個"檢視發票"按鈕 跳轉傳參downloadFile和openDocument 方法讓使用者能夠看到,在寫個 “複製下載連結” 按鈕 複製pdf連結提示使用者去瀏覽器下載就好了。

相關文章