Setting data field "srcPath" to undefined is invalid.
前端触发“打开本地视频”按钮，调用js中的bindOpenLocalVideos方法，改方法打开本地视频并返回本地视频路径，然后通过setDat()方法设置index.wxml中srcPath的值，但是运行时老报上述错误，请各位大神解答一下，谢谢。我正入门微信小程序开发。只copy了两个核心代码，其他代码我认为与改问题不相关，所以没有全部贴出来。
<view class="section tc"> <video id="myVideo" style="height:{{videoHeight}}px;width:{{videoWidth}}px" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" binderror="videoErrorCallback" danmu-list="{{danmuList}}" enable-danmu danmu-btn controls> <video src="{{srcPath}}"> <view class="btn-area"> <button style="margin:10rpx;" bindtap="bindOpenLocalVideos">打开本地视频 <view class="btn-area"> <view class="weui-cell weui-cell_input"> <view class="weui-cell__bd"> <input class="weui-input" placeholder="请输入弹幕内容" bindblur="bindInputBlur" /> <button style="margin:10rpx;" bindtap="bindSendDanmu">发送弹幕 <view class="weui-cells weui-cells_after-title"> <view class="weui-cell weui-cell_switch"> <view class="weui-cell__bd">随机颜色 <view class="weui-cell__ft"> <switch checked bindchange="switchChange" /> <view class="colorstyle" bindtap="selectColor"> <text>选择颜色 <view style="height:80rpx;width:80rpx;line-height: 100rpx;margin:10rpx;background-color:{{numberColor}}"> |
//index.jsfunction getRandomColor() { let rgb = [] for (let i = 0; i < 3; ++i) { let color = Math.floor(Math.random() * 256).toString(16) color = color.length == 1 ? '0' + color : color rgb.push(color) } return '#' + rgb.join('')}Page({ data: { srcPath: null }, onLoad: function () { var _this = this; //获取屏幕宽高 wx.getSystemInfo({ success: function (res) { var windowWidth = res.windowWidth; //video标签认宽度300px、高度225px，设置宽高需要通过wxss设置width和height。 var videoHeight = (225 / 300) * windowWidth//屏幕高宽比 console.log('videoWidth: ' + windowWidth) console.log('videoHeight: ' + videoHeight) _this.setData({ videoWidth: windowWidth, videoHeight: videoHeight }) } }) }, onReady: function (res) { this.videoContext = wx.createVideoContext('myVideo') }, onShow: function () { var _this = this; //获取年数 wx.getStorage({ key: 'numberColor', success: function (res) { console.log(res.data + "numberColor----") _this.setData({ numberColor: res.data, }) } }) }, inputValue: '', data: { isRandomColor: true,//默认随机 src: '', numberColor: "#ff0000",//默认黑色 danmuList: [ { text: '第 1s 出现的红色弹幕', color: '#ff0000', time: 1 }, { text: '第 2s 出现的绿色弹幕', color: '#00ff00', time: 2 } ] }, bindInputBlur: function (e) { this.inputValue = e.detail.value; }, bindSendDanmu: function () { if (this.data.isRandomColor) { var color = getRandomColor(); } else { var color = this.data.numberColor; } this.videoContext.sendDanmu({ text: this.inputValue, color: color }) }, bindOpenLocalVideos: function () { var _this = this wx.chooseVideo({ sourceType: ['album', 'camera'], maxDuration: 600, camera: 'back', success: function (res) { console.log(res.tempFilePath); _this.setData({ srcPath:res.tempFilepath }) } }) }, videoErrorCallback: function (e) { console.log('视频错误信息:') console.log(e.detail.errMsg) }, //选择颜色页面 selectColor: function () { wx.navigateTo({ url: '../selectColor/selectColor', success: function (res) { // success }, fail: function () { // fail }, complete: function () { // complete } }) }, //switch是否选中 switchChange: function (e) { this.setData({ isRandomColor: e.detail.value }) }}) |
