MVC Api微信小程序wx.uploadFile上传文件，前后端代码实例

最新推荐文章于 2024-08-02 00:07:06 发布

smartsmile2012

最新推荐文章于 2024-08-02 00:07:06 发布

阅读量1.1w

点赞数 1

分类专栏：微信小程序文章标签：微信小程序上传微信小程序 wx.uploadFile

本文链接：https://blog.csdn.net/smartsmile2012/article/details/83574529

版权

本文详细讲解了微信小程序中如何利用wx.uploadFile接口进行文件上传，并提供了前后端完整的代码实例，帮助开发者实现从小程序端到服务器的数据交互。

摘要由CSDN通过智能技术生成

// 小程序端js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    userHeaderImage: "../../../images/1.jpg"
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  chooseImage: function() {
    var that = this;
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success(res) {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths[0]
        that.setData({
          userHeaderImage: tempFilePaths
        })
        console.log(tempFilePaths)
        //上传图片
        wx.uploadFile({
          url: 'https://xxxx/api/wxtest/uploadfile', //仅为示例，非真实的接口地址
          filePath: tempFilePaths,
          name: 'file',
          // header: {
          //   "content-type": "multipart/form-data",
          //   'content-type': 'applica