微信小程序如何實現(xiàn)pdf、word等格式文件上傳

這篇文章主要介紹微信小程序如何實現(xiàn)pdf、word等格式文件上傳，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

一.前言

   目前微信提供了一個接口 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)注億速云行業(yè)資訊頻道！