drhanjuw56233 2018-07-12 21:51
浏览 263

将base64字符串数据发送到服务器,但接收到空表格值

I have a front-end written in Vue and a backend written in Golang. I'm using Google app engine to run my backend service, and use gcloud datastore and gcloud storage to store the data and image that were submitted through front-end form.

I've been trying to upload an image using POST method. I convert the image to a base64 string. Then I add the data string to formdata and POST to my backend service. I keep getting empty form value in Go program. Is there a reason that Go cannot read base64 string, or I miss something important about FormData? Any help helps, thank you.

My front-end code:

var myForm = document.getElementById('myForm')
var formData = new FormData(myForm)

var imgBase64 = getBase64(//image-url//)
imgBase64.then(function (res) {
   formData.append('image', res)
}

axios.post(' //go-app-engine-service// ', formData)
.then(res => {
   console.log(res)
 })
.catch(error => {
   console.log(error)
 })

function getBase64(url) {
   return axios
     .get(url, {
        responseType: 'arraybuffer'
     })
     .then(response => Buffer.from(response.data, 'binary').toString('base64'))}

My Go code:

imgString := r.FormValue("image")
fmt.Printf("imgstring: %s, %d, %T
", imgString, len(imgString), imgString) //=> getting empty imgString
  • 写回答

1条回答 默认 最新

  • doubo3384 2018-07-16 18:12
    关注

    Ok, after some research I realize the "scope" issue. function getBase64 returns a Promise and have to handle the value inside the scope, so I move the axios.post in the Promise and I finally see the base64 value in Go program. Problem solved.

    modified front-end code:

    var myForm = document.getElementById('myForm')
    var formData = new FormData(myForm)
    
    var imgBase64 = getBase64(//image-url//)
    imgBase64.then(function (res) {
       formData.append('image', res)
    
       axios.post(' //go-app-engine-service// ', formData)
         .then(res => {
            console.log(res)
         })
         .catch(error => {
            console.log(error)
         })
    }
    
    评论

报告相同问题?

悬赏问题

  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组