最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue 獲取視頻時(shí)長(zhǎng)的實(shí)例代碼

 更新時(shí)間:2019年08月20日 10:28:41   作者:大穩(wěn)·楊  
這篇文章主要介紹了vue 獲取視頻時(shí)長(zhǎng)的實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

直接通過(guò)element-ui自帶的上傳組件結(jié)合js即可,代碼如下:

HTML:     

<el-upload class="upload-demo" :action="actionUrl" :show-file-list="false" :on-success="handleAvatarSuccess"
     :before-upload="beforeAvatarUpload">
     <button class="ce-button not-hover primary">
      <i class="ce-icon_upload"></i>
      <span>重新上傳</span>
     </button>
    </el-upload>

js:

 beforeAvatarUpload(file) {
    var fileName = file.name || ''
    var ext = fileName.split('.')[fileName.split('.').length - 1]
    if (ext !== "doc" && ext !== "docx" && ext !== "xls" && ext !== "xlsx"
     && ext !== "ppt" && ext !== "pptx" && ext !== "pdf" && ext !== "mp4") {
     this.$notify({
      title: "失敗",
      message: "上傳資源只能是 doc/docx/xls/xlsx/ppt/pptx/pdf/mp4 格式!",
      type: "error",
      duration: 3000
     });
     return false
    }
    // ppt(10MB),word(10MB),excel(5MB)
    if (ext == "doc" || ext == "docx" || ext == "ppt" || ext == "pptx") {
     debugger
     if (parseInt(file.size) > parseInt('10485760‬')) {
      this.$notify({
       title: "失敗",
       message: "上傳word、ppt文件上限為10MB!",
       type: "error",
       duration: 3000
      });
      return false
     }
    }
    if (ext == 'mp4') { // 獲取視頻時(shí)長(zhǎng)
     var url = URL.createObjectURL(file);
     var audioElement = new Audio(url);
     var duration;
     audioElement.addEventListener("loadedmetadata", function (_event) {
      duration = audioElement.duration; //時(shí)長(zhǎng)為秒,小數(shù),182.36
      this.$parent.$data.wDuration = parseInt(duration)
      console.log(duration);
     });
    }
    this.$parent.$data.wFileName = file.name
    this.$parent.$data.wSize = parseFloat(file.size / 1024).toFixed(2) //獲取文件大小
   }

總結(jié)

以上所述是小編給大家介紹的vue 獲取視頻時(shí)長(zhǎng)的實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!

相關(guān)文章

  • 基于vue.js組件實(shí)現(xiàn)分頁(yè)效果

    基于vue.js組件實(shí)現(xiàn)分頁(yè)效果

    這篇文章主要為大家詳細(xì)介紹了基于vue.js組件實(shí)現(xiàn)分頁(yè)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-12-12
  • vue實(shí)現(xiàn)將數(shù)據(jù)存入vuex中以及從vuex中取出數(shù)據(jù)

    vue實(shí)現(xiàn)將數(shù)據(jù)存入vuex中以及從vuex中取出數(shù)據(jù)

    今天小編就為大家分享一篇vue實(shí)現(xiàn)將數(shù)據(jù)存入vuex中以及從vuex中取出數(shù)據(jù),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-11-11
  • vue+echarts繪制折線圖、柱狀圖和扇形圖教程

    vue+echarts繪制折線圖、柱狀圖和扇形圖教程

    這篇文章主要介紹了vue+echarts繪制折線圖、柱狀圖和扇形圖教程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-03-03
  • highCharts提示框中顯示當(dāng)前時(shí)間的方法

    highCharts提示框中顯示當(dāng)前時(shí)間的方法

    今天小編就為大家分享一篇關(guān)于highCharts提示框中顯示當(dāng)前時(shí)間的方法,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧
    2019-01-01
  • vue指令做滾動(dòng)加載和監(jiān)聽(tīng)等

    vue指令做滾動(dòng)加載和監(jiān)聽(tīng)等

    這篇文章主要介紹了vue指令做滾動(dòng)加載和監(jiān)聽(tīng)等,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • vue2項(xiàng)目中如何使用clipboard復(fù)制插件

    vue2項(xiàng)目中如何使用clipboard復(fù)制插件

    這篇文章主要介紹了vue2項(xiàng)目中如何使用clipboard復(fù)制插件方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-07-07
  • 淺談在vue中用webpack打包之后運(yùn)行文件的問(wèn)題以及相關(guān)配置方法

    淺談在vue中用webpack打包之后運(yùn)行文件的問(wèn)題以及相關(guān)配置方法

    下面小編就為大家分享一篇淺談在vue中用webpack打包之后運(yùn)行文件的問(wèn)題以及相關(guān)配置方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-02-02
  • 基于Vue.js+Nuxt開(kāi)發(fā)自定義彈出層組件

    基于Vue.js+Nuxt開(kāi)發(fā)自定義彈出層組件

    這篇文章主要介紹了基于Vue.js+Nuxt開(kāi)發(fā)自定義彈出層組件,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-10-10
  • Vue根據(jù)條件添加click事件的方式

    Vue根據(jù)條件添加click事件的方式

    今天小編就為大家分享一篇Vue根據(jù)條件添加click事件的方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-11-11
  • vue數(shù)據(jù)控制視圖源碼解析

    vue數(shù)據(jù)控制視圖源碼解析

    本篇內(nèi)容給大家詳細(xì)分析了關(guān)于vue數(shù)據(jù)控制視圖的源碼以及重點(diǎn)做了注釋?zhuān)信d趣的朋友參考學(xué)習(xí)下。
    2018-03-03

最新評(píng)論

鄂伦春自治旗| 扶余县| 佛坪县| 凌云县| 崇文区| 星子县| 珠海市| 广南县| 北辰区| 奉化市| 西林县| 霞浦县| 许昌县| 长泰县| 石首市| 日喀则市| 梁山县| 安乡县| 武宣县| 水富县| 武安市| 双辽市| 常熟市| 南澳县| 阿合奇县| 霍城县| 岚皋县| 小金县| 广德县| 休宁县| 三明市| 莱芜市| 上饶县| 温宿县| 紫云| 太康县| 沅陵县| 通山县| 社旗县| 鄂尔多斯市| 杂多县|