.wxml
<image class="camera-style" src="{{srcurl}}"></image>
<camera class="camera-style" id="mycamera" hidden="{{cameraisshow}}" device-position="front">
</camera>
<button class="button-style" bindtap="paizhaoclick">拍照</button>
.wxss
.button-style {
width: 300rpx;
height: 60rpx;
margin-top: 12rpx;
}
.camera-style {
width: 240rpx;
height: 240rpx;
margin-top: 12rpx;
}
.js
var timer; // 计时器
Page({
onReady: function (res) {
this.myCamera = wx.createCameraContext('mycamera')
},
data:{
// text:"这是一个页面"
cameraisshow:false,
srcurl:"",
},
paizhaoclick: function () {
var that = this;
this.myCamera.takePhoto({
quality: 'normal',
success: function (res) {
console.log(res);
var st = res.tempImagePath
console.log(st);
that.setData({ cameraisshow: true, srcurl: st });
},
fail: function (res) {
console.log(res);
}
});
},
})
运行效果：加载图片提示
VM878:2 Failed to load image http://127.0.0.1:63615/tmp/touristappid.o6zAJs_OfeJOCr-DMLPf2dV5xz98.rMRSn5pKtbWS8aaf18d7ce2c3f47f6b2ec57ae40f2df.jpg
net::ERR_EMPTY_RESPONSE ，但是点击路径是可以显示出来的，找不出问题在哪里....
