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

創新互聯建站自2013年創立以來，是專業互聯網技術服務公司，擁有項目成都做網站、網站設計網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元平橋做網站,已為上家服務,為平橋各地企業和個人服務,聯系電話:028-86922220

一.前言

   目前微信提供了一個接口 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等格式文件上傳”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯行業資訊頻道！

網頁名稱：微信小程序如何實現pdf、word等格式文件上傳
轉載注明：http://vcdvsql.cn/article40/gghseo.html

成都網站建設公司_創新互聯，為您提供網站內鏈、ChatGPT、搜索引擎優化、網站策劃、動態網站、建站公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯