国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uniApp 使用uni.openDocument(object)預(yù)覽pdf、excel、word等文件

這篇具有很好參考價值的文章主要介紹了uniApp 使用uni.openDocument(object)預(yù)覽pdf、excel、word等文件。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報違法"按鈕提交疑問。

1.實(shí)現(xiàn)思路:

這里咱們直接用的uniapp官方提供的uni.downloadFile方法調(diào)用手機(jī)第三方能打開文件的工具,比如wps等(ps:這里實(shí)現(xiàn)的是APP文件預(yù)覽)。

2. 直接上代碼(可直接復(fù)制)

		//文件預(yù)覽
		 prefile(e){
			 let that = this
			 let url = that.$config.fileUrl+e;
			  uni.downloadFile({
			            url: url,
			            success: function (res) {
						   let filepathss=plus.io.convertLocalFileSystemURL(res.tempFilePath);
			              setTimeout(
			                () =>
			                  uni.openDocument({
			                    filePath: filepathss,
			                    showMenu: false,
			                    success: function () {
			                      console.log("打開文檔成功");
			                    },
			                    fail: function () {
			                      uni.showToast({
			                        title: '暫不支持此類型',
			                        duration: 2000,
			                        icon: "none",
			                      });
			                    }
			                  }),
			                1000
			              );
			            },
			            fail: function (res) {
			              console.log(res); //失敗
			            }
			          });
		 }

3.注意事項(xiàng)

1.文件路徑(url)必須是瀏覽器能直接訪問的文件。比如:http://xx.cc.com/images/abc.xlsx 這種格式。 最開始我是用的后臺給的接口 file/dowload?fileId=112334 這種形式的路徑,調(diào)用 uni.openDocument 是失敗的,原因可能是無法識別文件類型。
2.注意代碼中
let filepathss=plus.io.convertLocalFileSystemURL(res.tempFilePath);
這行代碼是獲取文件在手機(jī)中的絕對路徑。

例如:uniapp在線預(yù)覽word,uni-app,javascript,前端文章來源地址http://www.zghlxwxcb.cn/news/detail-516241.html

到了這里,關(guān)于uniApp 使用uni.openDocument(object)預(yù)覽pdf、excel、word等文件的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • #Uniapp: uni.previewImage(OBJECT) 預(yù)覽圖片

    uni.previewImage(OBJECT) 預(yù)覽圖片。 api地址 媒體-圖片 示例 OBJECT 參數(shù)說明 參數(shù)名 類型 必填 說明 平臺差異說明 count Number 否 最多可以選擇的圖片張數(shù),默認(rèn)9 見下方說明 sizeType Array 否 original 原圖,compressed 壓縮圖,默認(rèn)二者都有 App、微信小程序、支付寶小程序、百度小程序 e

    2024年01月25日
    瀏覽(22)
  • vue在線預(yù)覽word、excel、PDF

    1、安裝依賴 如果是vue2.6版本或以下還需要額外安裝 @vue/composition-api 2、預(yù)覽WORD代碼 3、預(yù)覽EXCEL 4、預(yù)覽PDF 5、項(xiàng)目參考地址

    2024年02月09日
    瀏覽(103)
  • uniapp - 微信小程序平臺實(shí)現(xiàn)預(yù)覽 office 文件及保存下載到本地功能,將word/excel/ppt/pdf等文件在小程序內(nèi)進(jìn)行預(yù)覽,用戶可以保存和轉(zhuǎn)發(fā)給好友進(jìn)行下載到手機(jī)(一鍵復(fù)制運(yùn)行)

    在uniapp微信小程序開發(fā)中,預(yù)覽文件、下載文件并保存到手機(jī)本地功能(支持office全套word/pdf/ppt/excel等),兼容安卓和蘋果端非常好用, 本文有2種方案,愿意用哪個就用哪個,都有示例代碼和詳細(xì)說明。

    2024年02月08日
    瀏覽(102)
  • 前端實(shí)現(xiàn)文件預(yù)覽(pdf、excel、word、圖片)

    前端實(shí)現(xiàn)文件預(yù)覽(pdf、excel、word、圖片)

    需求:實(shí)現(xiàn)一個在線預(yù)覽pdf、excel、word、圖片等文件的功能。 介紹:支持pdf、xlsx、docx、jpg、png、jpeg。 以下使用Vue3代碼實(shí)現(xiàn)所有功能,建議以下的預(yù)覽文件標(biāo)簽可以在外層包裹一層彈窗。 sandbox 這個屬性如果是單純預(yù)覽圖片可以不使用,該屬性對呈現(xiàn)在 iframe 框架中的內(nèi)容

    2024年02月10日
    瀏覽(49)
  • 記錄--前端實(shí)現(xiàn)文件預(yù)覽(pdf、excel、word、圖片)

    記錄--前端實(shí)現(xiàn)文件預(yù)覽(pdf、excel、word、圖片)

    需求:實(shí)現(xiàn)一個在線預(yù)覽pdf、excel、word、圖片等文件的功能。 介紹:支持pdf、xlsx、docx、jpg、png、jpeg。 以下使用Vue3代碼實(shí)現(xiàn)所有功能,建議以下的預(yù)覽文件標(biāo)簽可以在外層包裹一層彈窗。 iframe標(biāo)簽?zāi)軌驅(qū)⒘硪粋€HTML頁面嵌入到當(dāng)前頁面中,我們的圖片也能夠使用iframe標(biāo)簽來

    2024年02月09日
    瀏覽(42)
  • Java POI導(dǎo)出Word、Excel、Pdf文檔(可在線預(yù)覽PDF)

    Java POI導(dǎo)出Word、Excel、Pdf文檔(可在線預(yù)覽PDF)

    1、導(dǎo)入依賴Pom.xml ? ? ? ?dependency ?? ??? ??? ?groupIdorg.apache.poi/groupId ?? ??? ??? ?artifactIdpoi/artifactId ?? ??? ??? ?version3.14/version ?? ??? ?/dependency 2、Controller? ?3、Service a、pdfService b、wordService c、excelService ?4、Utils 5、模板截圖 ? 6、前端

    2024年02月08日
    瀏覽(92)
  • ios 實(shí)現(xiàn)PDF,Word,Excel等文檔類型的讀取與預(yù)覽

    最近正在研發(fā)的項(xiàng)目有一個需求: 允許用戶將iCloud中的文檔上傳,實(shí)現(xiàn)文件的流轉(zhuǎn)。 以前接觸的項(xiàng)目對于資料類的上傳大多是僅限于圖片與視頻。對于文檔類(PDF, Word, Excel, Text等), 因蘋果的沙箱環(huán)境限制,想要讀取文件是無法實(shí)現(xiàn)的。目前雖然可以支持選擇文件,但只能通

    2024年02月06日
    瀏覽(90)
  • vue 實(shí)現(xiàn) word/excel/ppt/pdf 等文件格式預(yù)覽操作

    vue 實(shí)現(xiàn) word/excel/ppt/pdf 等文件格式預(yù)覽操作

    第三方服務(wù)接口地址:XDOC文檔預(yù)覽服務(wù) 特征: 有文件大小限制,超過要收費(fèi)! 使用方法 ?參考地址:https://api.gitee.com/zhou_andong/vue-office/ 一、安裝插件 vue-office 二、在引用時會涉及版本不兼容的問題 可以在npm包庫 ,查看版本:https://www.npmjs.com/ 1、搜索插件名 2、以下版本沒

    2024年02月16日
    瀏覽(110)
  • 文檔在線預(yù)覽(四)將word、txt、ppt、excel、圖片轉(zhuǎn)成pdf來實(shí)現(xiàn)在線預(yù)覽

    文檔在線預(yù)覽(四)將word、txt、ppt、excel、圖片轉(zhuǎn)成pdf來實(shí)現(xiàn)在線預(yù)覽

    @ 目錄 事前準(zhǔn)備 1、需要的maven依賴 添加spire依賴(商用,有免費(fèi)版,但是存在頁數(shù)和字?jǐn)?shù)限制,不采用spire方式可不添加) 2、后面用到的工具類代碼: 一、word文件轉(zhuǎn)pdf文件(支持doc、docx) 1、使用aspose方式 2、使用poi方式 3、使用spire方式 二、txt文件轉(zhuǎn)pdf文件 三、PPT文件轉(zhuǎn)

    2024年02月08日
    瀏覽(109)
  • Vue3 實(shí)現(xiàn)文件預(yù)覽 Word Excel pdf 圖片 視頻等格式 大全!!!!

    Vue3 實(shí)現(xiàn)文件預(yù)覽 Word Excel pdf 圖片 視頻等格式 大全!!!!

    先上效果圖 ? ?插件安裝 先說 word 文件是docx-preview插件 ? ? ? ? ? excel文件是用?xlsx 插件? ?? 介紹后端返回的數(shù)據(jù) 因?yàn)樵跀r截器處 做了對數(shù)據(jù)的處理 最后你調(diào)接口拿到的數(shù)據(jù)是 一個對象 里面包含: url :? blob對象轉(zhuǎn)換的用于訪問 Blob 數(shù)據(jù)的臨時鏈接。這個鏈接可以被用于

    2024年02月07日
    瀏覽(109)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包