微信小程序實現上傳文件 如圖片/word excel到服務器

說道上傳文件,首先要想到微信官方文檔給的API,wx.uploadFile({ })

通過這個API來達到上傳至服務器的效果:代碼示例如下

接下來我們先來說說上傳圖片功能,這個比較簡單一些

上傳圖片:wx.chooseImage({ })從本地相冊選擇圖片或使用相機拍照

代碼示例如下:

在點擊圖片觸發響應事件函數裏寫上以上代碼,就會調起手機選擇相冊或者拍照。以上就達到了上傳圖片的功能

上傳word/pdf等文件:

這個功能真是苦惱了我好久,因爲項目中要用到上傳word文件,找度娘查了半天,發現沒有調起手機文件管理器去選擇文件上傳的API。

於是乎,想辦法怎麼能把這個功能先實現呢?微信官方文檔給出了wx.chooseMessageFile(Object object)這個API。

wx.chooseMessageFile · 小程序

這個API是從微信聊天界面中選擇文件上傳。

選擇文件的類型可以自行設置,這裏我項目中只要求上傳word文件,所以在設置上傳文件類型的時候,給type賦值file

觸發上傳文件按鈕點擊事件,就會調起微信的聊天界面,如下圖:

然後,找到你聊天界面中的文件,

勾選好文件,點擊確定。選擇文件上傳的功能就完成了

注:如果是用模擬器選擇微信會話裏的文件,調用wx.chooseMessageFile()API,程序會報錯。運行到真機上就沒問題了



作者:肉肉要次肉
鏈接:https://www.jianshu.com/p/d5e8fc7df5b3

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章