微信小程序实现上传照片代码的案例分析-创新互联

小编给大家分享一下微信小程序实现上传照片代码的案例分析，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

创新互联专业为企业提供鹿城网站建设、鹿城做网站、鹿城网站设计、鹿城网站制作等企业网站建设、网页设计与制作、鹿城企业网站模板建站服务，10多年鹿城做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

纸上谈坑

在我实现了这个功能之前，我讲讲我是怎么在这个坑里爬上来的：

我实现上传文件后端的接口的参数是String类型的

前台传的参数：/tupian/20230522/404.html 1. MultipartFile 2.base64

微信上传文件的开发文档

小程序代码

<!-- index.wxml -->
<view>
 <view>文件上传</view>
 <view>
  <input id="file" type="file" bindtap="uploader"></input>
 </view>
</view>


// index.js
Page({
 data: {
  
 },
 uploader: function () {
  wx.chooseImage({
   count: 1,
   success: function(res) {
    let imgPath = res.tempFilePaths[0]
    wx.uploadFile({
     url: 'http://localhost:8080/customerRegister/uploadPricture',
     filePath: imgPath,
     name: 'files',
     success:res=>{
      console.log(res)
     }
    })
   } 
  })
 },
})