网站建设资讯

NEWS

网站建设资讯

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

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

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

纸上谈坑

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

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

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

微信上传文件的开发文档

小程序代码



 文件上传
 
  
 



// 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)
     }
    })
   } 
  })
 },
})

新闻标题:微信小程序实现上传照片代码的案例分析-创新互联
文章源于:http://cdweb.net/article/deosej.html