微信小程序之图片上传+java后台代码

太过爱你忘了你带给我的痛 2022-02-28 02:28 595阅读 0赞

# 微信小程序之图片上传+java后台代码 #

在小程序测试的时候一定要配置不校验安全域名，否则会报错  
![在这里插入图片描述][20190324103415913.png]

还是不说废话，直接演示  
![在这里插入图片描述][20190324102817639.gif]  
下面上代码：  
1.wxml

2.js

Page({ 
      data:{ 
        imgs:[]
      },
      chooseImage(){ 
        var that =this;
        wx.chooseImage({ 
          success: function(res) { 
            console.log(res.tempFilePaths);
            //用于图片的回显
            that.setData({ 
              imgs: res.tempFilePaths
            })
          },
        })
      },
      upLoadImage:function(){ 
        wx.showLoading({ 
          title: '图片上传中',
        })
        for(var i in this.data.imgs){ 
          wx.uploadFile({ 
            url: 'http://localhost:8080/uploadFile', //仅为测试地址，填写你的url即可
            filePath: this.data.imgs[i],
            name: 'file',
            success:function(res){ 
              console.log(res)
              if(res.statusCode==200){ 
                console.log("上传成功！")
              }
            }
          })
        }
        wx.hideLoading();
      }
    })

前端测试代码完毕，后台代码相见：[ssm之图片上传][ssm]

[20190324103415913.png]: /images/20220228/3cefe0e0492a462196dfc6d2c089cfa5.png
[20190324102817639.gif]: /images/20220228/ca3c1c9f908749f4b40952ae5536c0f4.png
[ssm]: https://blog.csdn.net/jiang18238032891/article/details/88364549