微信小程序上传照片+golang后台 demo

wxml部分

js部分

Page({

/**

* 页面的初始数据

*/

data: {

userHeaderImage: "../../image/dachenglogo.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: 'http://localhost:8080/uppphoto', //仅为示例,非真实的接口地址

filePath: tempFilePaths,

name: 'file',

header: {

//'content-type': 'application/json'

//application/x-www-form-urlencoded;

'content-type': 'application/x-www-form-urlencoded; charset=UTF-8'

},

method: 'POST',

formData: {

'userId': 10001

},

success(res) {

const data = res.data

console.log(res);

//do something

}

})

}

})

},

})

golang后台

首先你的注册路由我用的是beego框架

beego.Router("/uppphoto", &controllers.UppphotoController{})//这个是我用beego注册的路由!!!!!
 

package controllers
//上传图片
import (
    "order/models"
    "fmt"
    "github.com/astaxie/beego"
    "encoding/json"

)

type UppphotoController struct {
    beego.Controller
}

func (c *UppphotoController) Post() {

        f, h, ere := c.GetFile("file") //获取上传的文件 myfile
        fmt.Println("f==",f)
        fmt.Println("f==",ere)

        pathname := h.Filename
        fmt.Println("uuuuuuu=====", pathname)
        fmt.Println("图片名称", pathname)
        path := "./static/uploadout/" + pathname //图片目录+图片名称
        fmt.Println("path===",path)
        f.Close()                                //关闭上传的文件,不然的话会出现临时文件不能清除的情况
        c.SaveToFile("file", path)          //存文件

}

主要上面红色的部分,

f, h, ere := c.GetFile("file")

c.SaveToFile("file", path)

注意上面的!!!!这两个!!!一定要一直否则失败!!

 

你可能感兴趣的:(go,微信小程序)