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) } }) } }) }
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)