前端小程序?qū)崿F(xiàn)預覽pdf并導出完整代碼
更新時間：2025年01月13日 09:23:49 作者：@Dai
這篇文章主要介紹了小程序中無法直接導出PDF或文檔的解決方案,通過調(diào)用API下載文件并打開,文中通過代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下
一、前言
小程序沒辦法直接導出pdf或一些文檔，只能借助api先將文件下載下來并打開，再讓用戶手動去保存。之前做“小程序當前頁面截圖轉(zhuǎn)pdf導出”功能的時候，小程序好像也無法實現(xiàn)。所以要打開文件，都讓后端去做吧，要么給前端一個文件地址，要么返回二進制文件流，這樣小程序就能打開文件了。
二、需要的wx api
- downloadFile（下載文件）
- openDocument（打開文件）
showMenu設(shè)置為true才能支持用戶把文件下載到本地
三、完整代碼
const preViewPdf = (url) => { // 預覽pdf
uni.showLoading({
title: '加載中',
mask: true
})
return new Promise((resolve, reject) => {
uni.downloadFile({
url: baseUrl + url,
header: {
'Authorization': store.state.token
},
success: (res) => {
if (res.statusCode === 200) {
uni.openDocument({
filePath: res.tempFilePath,
showMenu: true, //顯示右上角三個點，支持手動保存到本地
success: (res) => {
uni.hideLoading()
resolve(true)
},
fail: (err) => {
uni.hideLoading()
resolve(true)
uni.showToast({
title: '打開失敗',
icon: 'none'
})
}
})
}
},
fail: (err) => {
uni.hideLoading()
uni.showToast({
title: '下載失敗',
icon: 'none'
})
}
})
})
}總結(jié)
到此這篇關(guān)于前端小程序?qū)崿F(xiàn)預覽pdf并導出的文章就介紹到這了,更多相關(guān)前端小程序預覽pdf并導出內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
項目前端的文件和后臺開發(fā)分離，只要后臺開發(fā)更新svn前端的js，css文件都會更新，以前引用的是一個js文件如AA.js，由于想在項目中引用jquery庫，如果在每個文件的頭部都引讓他們從新寫入這個jq文件不太可能2010-04-04
當我們在開發(fā)Uni-app應用時,經(jīng)常會遇到需要在不同頁面之間傳遞參數(shù)的情況,為了實現(xiàn)跨頁面?zhèn)鲄?Uni-app提供了幾種方式,所以本文小編將給大家介紹一下uniapp跨頁面?zhèn)鲄⒌膸追N方式,文中有詳細的代碼示例供大家參考,需要的朋友可以參考下2024-01-01
javascript 面向?qū)ο蠹夹g(shù)基礎(chǔ)教程
看了很多介紹javascript面向?qū)ο蠹夹g(shù)的文章,很暈.為什么?不是因為寫得不好,而是因為太深奧.2009-12-12
Js獲取當前日期時間及其它操作，還有一些自己常用的方法，很好用，也很全。這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
我寫JavaScript代碼已經(jīng)很久了，都記不起是什么年代開始的了。本文給大家分享javascript七大技巧(二)，對javascript技巧相關(guān)知識感興趣的朋友一起學習吧2015-12-12
這篇文章主要給大家介紹了關(guān)于前端實現(xiàn)文件下載常見的幾種方法,需要的朋友可以參考下2025-01-01
JavaScript作為一種廣泛使用的編程語言,它的流程控制語句是構(gòu)建邏輯和實現(xiàn)功能的基礎(chǔ),這篇文章主要介紹了JavaScript分支語句和循環(huán)語句的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-08-08
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)星級評分，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
將Datatable轉(zhuǎn)化成json發(fā)送前臺實現(xiàn)思路
將Datatable轉(zhuǎn)化成json可以將dt序列化成json，放到前臺的隱藏控件hidBoundary中，具體的實現(xiàn)如下，有類似需求的朋有可以參考下2013-09-09
今天小編就為大家分享一篇layui下拉框獲取下拉值(select)的例子，具有好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09