這篇文章將為大家詳細講解有關(guān)小程序中怎樣實現(xiàn)上傳視頻,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
代碼如下
index.wxml
<view class="page-body-info"> <block wx:if="{{src === ''}}"> <view class="image-plus image-plus-nb" bindtap="chooseVideo"> <view class="image-plus-horizontal"></view> <view class="image-plus-vertical"></view> </view> <view class="image-plus-text">添加視頻</view> </block> <block wx:if="{{src != ''}}"> <video src="{{src}}" class="video"></video> </block> </view>
index.js
Page({ data: { src: '' }, //選擇視頻 chooseVideo: function() { var that = this wx.chooseVideo({ success: function(res) { that.setData({ src: res.tempFilePath, }) } }) }, //上傳視頻 目前后臺限制較大100M,以后如果視頻太大可以在選擇視頻的時候進行壓縮 uploadvideo: function() { var src = this.data.src; wx.uploadFile({ url: 'http://172.16.98.36:8080/upanddown/upload2',//服務(wù)器接口 method: 'POST',//這行好像可以不用 filePath: src, header: { 'content-type': 'multipart/form-data' }, name: 'files',//服務(wù)器定義key字段名稱 success: function() { console.log('視頻上傳成功') }, fail: function() { console.log('接口調(diào)用失敗') } }) } })
關(guān)于“小程序中怎樣實現(xiàn)上傳視頻”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
網(wǎng)站欄目:小程序中怎樣實現(xiàn)上傳視頻-創(chuàng)新互聯(lián)
當前網(wǎng)址:http://www.rwnh.cn/article28/csjgjp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、企業(yè)建站、ChatGPT、品牌網(wǎng)站建設(shè)、外貿(mào)建站、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容