微信小程序-拍照或选择图片并上传文件

前端之家收集整理的这篇文章主要介绍了微信小程序-拍照或选择图片并上传文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

微信小程序-拍照或选择图片上传文件

调用拍照API:https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html?t=20161222#wxchooseimageobject

上传文件API:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-file.html

主要js代码

文件路径列表,tempFilePath可以作为img标签的src属性显示图片 var tempFilePaths = res.tempFilePaths that.setData({ textHidden: true,image_photo: tempFilePaths,photoHidden: false }) } }) },uploadPhoto: function () { var that = this let param = util.json2Form({ tel: '18600346580',orderSn: that.data.orderSn,parkingPhoto: that.data.image_photo,}); wx.uploadFile({ url: 'https://testapi.****.com/v4.0.0/uploadParkingPhoto',//仅为示例 filePath: that.data.image_photo[0],name: 'parkingPhoto',formData: { 'tel': '***********','orderSn': that.data.orderSn,},success: function (res) { var obj = JSON.parse(res.data);; console.log(obj.result) console.log(obj.msg) var resule = obj.result; var msg = obj.msg; if (resule == 'false') { wx.showToast({ title: msg,icon: 'success',duration: 2000 }) } else { wx.navigateBack({ delta: 1,success: function (res) { wx.showToast({ title: msg,duration: 2000 }) },}) } } })

}

Tip:

1.调用wx.chooseImage() 自动弹出选择窗口,不用调用操作菜单wx.showActionSheet(),否则重复

如图

2. 上传文件的时候filePath必须是数组,当你单张的时候需要使用数组,若只有一张要用[0]

3. 最需要注意的是,success返回数据是String类型,我们需要将String类型转换成Object

js字符串转换成obj

用js 是有三种方法

  1. js自带的eval函数,其中需要添加小括号eval('('+str+')');
  2. JSON.parse(str)
  3. $.parseJSON( jsonstr )

但是在微信小程序中,我们只能用

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

猜你在找的微信小程序相关文章