小程序图片上传到服务器

小程序图片上传到服务器,第1张

小程序图片上传到服务器
updata() { 
var that = this ; wx.chooseImage({   //微信封装的选择本地图片或相机拍照的API count : 1,  //图片上传的数量 
sizeType:[ 'original', 'compressed' ],  //上传图片的合法值,原图|压缩图 
sourceType:['album', 'camera'],  //上传图片的方式  本地|相机 
success(res) {  //这里的成功请求执行的内容是我们的图片选择成功  对应的是wx.chooseImage的api成功   
  wx.uploadFile({   //微信封装的上传文件到服务器的API         
    url: app.globalData.url+'',  //域名+上传文件的请求接口        
    filePath: res.tempFilePaths[0],  // tempFilePath可以作为img标签的src属性显示图片 服务器图片的路径         
    name: 'image',  //上传到服务器的参数,自定义,我定义的是image        
    header:{           
        "Content-Type":"multipart/form-data;charset=utf-8",           
        "accept":"application/json",            
        "Authorization":"Bearer .."         
     },  
     // header非必填项,具体作用见官方文档、          
      success(res) {  
      //这里的成功请求执行的内容是我们的图片上传到服务器成功 对应的是wx.uploadFile的api成功          
        console.log(res.data)            
        var data = JSON.parse(res.data)  
        //从打印结果可以看出来我们打印的对象里面是字符串类型,所以要用JSON.parse将里面的内容序列化转换为json格式 只针对我的这个数据,具体需不需要这一步要看打印的数据结果            
        that.setData({              
          uploadImg: data.url.filePath   //将图片转换之后的服务器地址data.url.filePath(打印结果显示我的是data.url.filePath)推到data里面定义的空容器updataImg。html界面的显示也是用的这个路径,值得注意的是html里面要加上url域名           
         })           
         console.log(that.data.uploadImg)         
       }        
      })      
     }  
    }) 
  }

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5619850.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-15
下一篇 2022-12-15

发表评论

登录后才能评论

评论列表(0条)

保存