element 中上傳組件 對(duì)視頻時(shí)間做限制

element 上傳組件對(duì)視頻上傳時(shí)間做限制

獲取MP4時(shí)間

//file element before-upload 返回給的file   fileType 文件類型 自行判斷
function    getMp4Time(file, fileType) {
            return new Promise(resolve => {
        //如果是mp4
                if (fileType == 'mp4') {
          //把element上傳組件傳給我們的file轉(zhuǎn)成url
                    let url = URL.createObjectURL(file)
            //獲取mp4對(duì)象
                    var audioElement = new Audio(url)
          //監(jiān)聽事件
                    audioElement.addEventListener('loadedmetadata', () => {
            //時(shí)間
                        const time = Math.round(audioElement.duration * 100) / 100
            //超出五分鐘
                        if (time > 5 * 60) {
                            resolve(false)
                        } else {
                            resolve(true)
                        }
                    })
                } else {
          //不是mp4
                    resolve(true)
                }
            })
        },

在上傳前判斷

//before-upload
function beforeUpload(){
  //返回一個(gè)promise
    return new Promise(async (resolve, reject) => {
            //判斷視頻是否在規(guī)定時(shí)間內(nèi)
                let isMp4success = await this.getMp4Data(file, fileType)
        //如果不在 返回false
                if (!isMp4success) {
                    this.$message.error('上傳視頻時(shí)長(zhǎng)最長(zhǎng)五分鐘!')
                    reject(false)
                }
            //通過
                resolve(true)
            })
  }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 最近項(xiàng)目中涉及很多文件上傳的地方,然后文件上傳又有很多限制。比如文件大小限制,文件個(gè)數(shù)限制,文件類型限制,文件上傳...
    閃閃發(fā)光lucia閱讀 20,649評(píng)論 2 19
  • upload上傳是前端開發(fā)很常用的一個(gè)功能,在Vue開發(fā)中常用的Element組件庫也提供了非常好用的upload...
    崗伯伯閱讀 229,890評(píng)論 20 57
  • 久違的晴天,家長(zhǎng)會(huì)。 家長(zhǎng)大會(huì)開好到教室時(shí),離放學(xué)已經(jīng)沒多少時(shí)間了。班主任說已經(jīng)安排了三個(gè)家長(zhǎng)分享經(jīng)驗(yàn)。 放學(xué)鈴聲...
    飄雪兒5閱讀 7,810評(píng)論 16 22
  • 今天感恩節(jié)哎,感謝一直在我身邊的親朋好友。感恩相遇!感恩不離不棄。 中午開了第一次的黨會(huì),身份的轉(zhuǎn)變要...
    余生動(dòng)聽閱讀 10,805評(píng)論 0 11
  • 可愛進(jìn)取,孤獨(dú)成精。努力飛翔,天堂翱翔。戰(zhàn)爭(zhēng)美好,孤獨(dú)進(jìn)取。膽大飛翔,成就輝煌。努力進(jìn)取,遙望,和諧家園。可愛游走...
    趙原野閱讀 3,457評(píng)論 1 1

友情鏈接更多精彩內(nèi)容