微信小程序?qū)崿F(xiàn)pdf、word等格式文件上傳的方法

更新時(shí)間：2019年09月10日 11:43:12 作者：海中燈塔

這篇文章主要介紹了微信小程序?qū)崿F(xiàn)pdf,word等格式文件上傳的方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

目前微信只支持從聊天記錄里面獲取文件

一.前言

目前微信提供了一個(gè)接口 wx.chooseMessageFile 它能讓用戶從聊天記錄里面選擇一個(gè)或者多個(gè)文件,然后返回它的一些信息,列入文件的path地址,文件名,文件的大小等.

獲取這些信息再結(jié)合微信的上傳接口wx.uploadFile,即可實(shí)現(xiàn)文件上傳.

二.具體實(shí)現(xiàn)

首先需要一個(gè)按鈕來(lái)調(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: '文件大小不能超過(guò)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í)文件

然后就可以通過(guò)IO流將文件保存到你想保存的位置上去,就可以了.

總結(jié)

以上所述是小編給大家介紹的微信小程序?qū)崿F(xiàn)pdf、word等格式文件上傳的方法,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

您可能感興趣的文章: