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