這篇文章主要介紹微信小程序如何實現(xiàn)pdf、word等格式文件上傳,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
榮縣ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:13518219792(備注:SSL證書合作)期待與您的合作!一.前言
目前微信提供了一個接口 wx.chooseMessageFile
它能讓用戶從聊天記錄里面選擇一個或者多個文件,然后返回它的一些信息,列入文件的path地址,文件名,文件的大小等.
獲取這些信息再結(jié)合微信的上傳接口wx.uploadFile
,即可實現(xiàn)文件上傳.
二.具體實現(xiàn)
首先需要一個按鈕來調(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, //將文件的路徑保存在頁面的變量上,方便 wx.uploadFile調(diào)用 filename: filename //渲染到wxml方便用戶知道自己選擇了什么文件 }) } } })
這樣在這里就保存了文件的路徑和名稱
data: { path:'', filename:'' },
然后等用戶進行提交的時候,再調(diào)用上傳的接口
wx.uploadFile({ url: serverUrl //上傳的路徑 filePath: that.data.path, //剛剛在data保存的文件路徑 name: 'file', //后臺獲取的憑據(jù) success() { wx.showToast({ //做個提示或者別的操作 title: '', icon: "none", duration: 5000, mask: true, success: function (res) { } }) } })
這樣前段就完成實現(xiàn)了
后臺獲取的文件是一個.tmp結(jié)尾的臨時文件
然后就可以通過IO流將文件保存到你想保存的位置上去,就可以了
以上是“微信小程序如何實現(xiàn)pdf、word等格式文件上傳”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道!
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。