微信小程序开发(四)

上传照片到服务器

在上传并显示图片后,下面我们实现将单张图片上传到服务器。

uploadImg函数的实现

upload: function () {
    var that = this
    wx.uploadFile({
       url: "服务器接受图片的接口",
       filePath: that.data.img_arr[0], //如(三)中获取到的图片路径(本地路径)
       name: 'content',
       header: {
         "content-type": "multipart/form-data"
       },
       success: function (res) {
         console.log(res)
         // 这里是访问自己的服务器后服务器返回的数据
         // 我们使用的服务器返回的信息是包含有一个path条目(图片url)
         // 将数据转成JSON包,然后就可以获取path信息
         that.setData({
           img_url: (JSON.parse(res.data)).path
         })
        }
    })
 }

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