欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

前端小程序?qū)崿F(xiàn)預(yù)覽pdf并導(dǎo)出完整代碼

 更新時(shí)間：2025年01月13日 09:23:49   作者：@Dai  
這篇文章主要介紹了小程序中無法直接導(dǎo)出PDF或文檔的解決方案,通過調(diào)用API下載文件并打開,文中通過代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

一、前言

小程序沒辦法直接導(dǎo)出pdf或一些文檔，只能借助api先將文件下載下來并打開，再讓用戶手動去保存。之前做“小程序當(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)，支持手動保存到本地
						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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論