在用戶中心有視頻上傳,在視頻展示的時(shí)候也是視頻上傳,如何將這個(gè)js抽象出來(lái)是個(gè)關(guān)鍵,現(xiàn)在咱們嘗試抽離到公共js中,方便調(diào)用。源碼https://github.com/limingios/wxProgram.git 中No.15
專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)郴州免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了成百上千企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
新建公共js
找到mine中視頻上傳的代碼拷貝到videoUtils.js中,并修改里面的內(nèi)容
function?uploadVideo()?{ ??var?me?=?this ??wx.chooseVideo({ ????sourceType:?['album',?'camera'], ????success:?function?(res)?{ ??????console.log(res); ??????var?tempDuration?=?res.duration; ??????var?tempHeight?=?res.height; ??????var?tempWidth?=?res.width; ??????var?tempSize?=?res.size; ??????var?tempFilePath?=?res.tempFilePath; ??????var?thumbTempFilePath?=?res.thumbTempFilePath; ??????if?(tempDuration?>?20)?{ ????????wx.showToast({ ??????????title:?"視頻太長(zhǎng)了老鐵不穩(wěn)~", ??????????icon:?'none', ??????????duration:?3000 ????????}) ??????}?else?if?(tempDuration?5)?{ ????????wx.showToast({ ??????????title:?"視頻太短了不到5秒。老鐵不穩(wěn)~", ??????????icon:?'none', ??????????duration:?3000 ????????}) ??????}?else?{ ????????wx.navigateTo({ ??????????url:?'../chooseBgm/chooseBgm?tempDuration='?+?tempDuration ????????????+?'&tempHeight='?+?tempHeight ????????????+?'&tempWidth='?+?tempWidth ????????????+?'&tempSize='?+?tempSize ????????????+?'&tempFilePath='?+?tempFilePath ????????????+?'&thumbTempFilePath='?+?thumbTempFilePath ????????}) ??????} ????} ??}) } #導(dǎo)出方法,并關(guān)聯(lián)方法名稱 module.exports={ ??uploadVideo:?uploadVideo }
需要使用的地方添加方法引入
>定義名稱,require引入,在需要的方法里面直接定義的名稱點(diǎn)導(dǎo)出的方法就可以了。
var?videoUtils?=?require('../../utils/videoUtils.js') Page({ ??data:?{ ????cover:'cover', ????videoContext:"" ??}, ??showSearch:function(){ ????wx.navigateTo({ ??????url:?'../videoSearch/videoSearch', ????}) ??}, ??onLoad:function(){ ????var?me?=?this; ????me.videoContext?=?wx.createVideoContext('myVideo',?me); ??}, ??onShow:function(){ ????var?me?=?this; ????me.videoContext.play(); ??}, ??onHide:function(){ ????var?me?=?this; ????me.videoContext.pause(); ??}, ??upload:function(){ ????videoUtils.uploadVideo(); ??} })
PS:目前用到了兩次導(dǎo)入的方式,第一次第三方搜索組件的時(shí)候,第二次是視頻上傳。