微信小程序?qū)崿F(xiàn)pdf、word等格式文件上傳的方法
目前微信只支持從聊天記錄里面獲取文件
一.前言
目前微信提供了一個(gè)接口 wx.chooseMessageFile 它能讓用戶從聊天記錄里面選擇一個(gè)或者多個(gè)文件,然后返回它的一些信息,列入文件的path地址,文件名,文件的大小等.
獲取這些信息再結(jié)合微信的上傳接口wx.uploadFile,即可實(shí)現(xiàn)文件上傳.
二.具體實(shí)現(xiàn)
首先需要一個(gè)按鈕來調(diào)用wx.chooseMessageFile.
wx.chooseMessageFile({
count: 1, //能選擇文件的數(shù)量
type: 'file', //能選擇文件的類型,我這里只允許上傳文件.還有視頻,圖片,或者都可以
success(res) {
var size = res.tempFiles[0].size;
var filename = res.tempFiles[0].filename;
var newfilename = filename + "";
if (size > 4194304||newfilename.indexOf(".pdf")==-1){ //我還限制了文件的大小和具體文件類型
wx.showToast({
title: '文件大小不能超過4MB,格式必須為pdf！',
icon: "none",
duration: 2000,
mask: true
})
}else{
that.setData({
path: res.tempFiles[0].path, //將文件的路徑保存在頁(yè)面的變量上,方便 wx.uploadFile調(diào)用
filename: filename //渲染到wxml方便用戶知道自己選擇了什么文件
})
}
}
})
這樣在這里就保存了文件的路徑和名稱
data: {
path:'',
filename:''
},
然后等用戶進(jìn)行提交的時(shí)候,再調(diào)用上傳的接口
wx.uploadFile({
url: serverUrl //上傳的路徑
filePath: that.data.path, //剛剛在data保存的文件路徑
name: 'file', //后臺(tái)獲取的憑據(jù)
success() {
wx.showToast({ //做個(gè)提示或者別的操作
title: '',
icon: "none",
duration: 5000,
mask: true,
success: function (res) {
}
})
}
})
這樣前段就完成實(shí)現(xiàn)了
后臺(tái)獲取的文件是一個(gè).tmp結(jié)尾的臨時(shí)文件
然后就可以通過IO流將文件保存到你想保存的位置上去,就可以了.
總結(jié)
以上所述是小編給大家介紹的微信小程序?qū)崿F(xiàn)pdf、word等格式文件上傳的方法,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了javascript利用鍵盤控制小方塊的移動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-04-04
JavaScript實(shí)現(xiàn)簡(jiǎn)單驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
JavaScript中操作Mysql數(shù)據(jù)庫(kù)實(shí)例
這篇文章主要介紹了JavaScript中操作Mysql數(shù)據(jù)庫(kù)實(shí)例,本文直接給出實(shí)現(xiàn)代碼,代碼中包含詳細(xì)注釋,需要的朋友可以參考下2015-04-04
取消單選按鈕選中的方法有很多，下面為大家詳細(xì)介紹下使用js是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過2013-11-11
JS實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)倒計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)倒計(jì)時(shí)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
threejs太陽(yáng)光與陰影效果實(shí)例代碼
在Threejs中類似于我們現(xiàn)實(shí)世界,物體顯示的顏色是由物體本身的顏色及光照的顏色相互疊加而得到的,這篇文章主要給大家介紹了關(guān)于threejs太陽(yáng)光與陰影效果的相關(guān)資料,需要的朋友可以參考下2022-04-04
echarts實(shí)現(xiàn)雷達(dá)圖的詳細(xì)步驟
這篇文章主要給大家介紹了關(guān)于echarts實(shí)現(xiàn)雷達(dá)圖的詳細(xì)步驟,雷達(dá)圖(Radar?Chart)是一種信息豐富的可視化工具,其中多個(gè)變量（三個(gè)或更多）在二維平面上進(jìn)行比較,文中給出了完整的代碼示例,需要的朋友可以參考下2024-01-01
微信小程序使用echarts獲取數(shù)據(jù)并生成折線圖
這篇文章主要介紹了微信小程序使用echarts獲取數(shù)據(jù)并生成折線圖,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了JS中移除非數(shù)字最多保留一位小數(shù)的實(shí)現(xiàn)代碼，文章給大家提到了js處理數(shù)字保留2位小數(shù),強(qiáng)制保留2位小數(shù)不夠補(bǔ)上.00的完整代碼，感興趣的朋友一起看看吧2018-05-05
js函數(shù)一般都是返回一個(gè)值，在本例教程中將為大家介紹下如何返回多個(gè)返回值，喜歡的朋友可以了解下2013-11-11