微信小程序實現pdf、word等格式文件上傳的方法

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

這篇文章主要介紹了微信小程序實現pdf,word等格式文件上傳的方法,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下

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

一.前言

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

獲取這些信息再結合微信的上傳接口wx.uploadFile,即可實現文件上傳.

二.具體實現

首先需要一個按鈕來調用wx.chooseMessageFile.

wx.chooseMessageFile({
  count: 1,  //能選擇文件的數量
  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調用
   filename: filename    //渲染到wxml方便用戶知道自己選擇了什么文件
   })
  }
  }
 })

這樣在這里就保存了文件的路徑和名稱

 data: {
 path:'',
 filename:''
 },

然后等用戶進行提交的時候,再調用上傳的接口

 wx.uploadFile({
     url: serverUrl   //上傳的路徑
     filePath: that.data.path, //剛剛在data保存的文件路徑
     name: 'file',   //后臺獲取的憑據
     success() {   
     wx.showToast({   //做個提示或者別的操作
      title: '',
      icon: "none",
      duration: 5000,
      mask: true,
      success: function (res) {
      
      }
     })
}
})

這樣前段就完成實現了

后臺獲取的文件是一個.tmp結尾的臨時文件

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

總結

以上所述是小編給大家介紹的微信小程序實現pdf、word等格式文件上傳的方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

您可能感興趣的文章: