js獲取 gif 的幀數(shù)的代碼實(shí)例
使用 javascript 獲取 GIF 圖的幀數(shù),如果幀數(shù)過大,則不讓傳到服務(wù)器
這里是使用一個(gè)插件: github地址為: https://github.com/buzzfeed/libgif-js
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <style type="text/css"> *{ padding: 0; margin: 0; box-sizing: border-box; } </style> </head> <body> <input type="file" name="file" id="file" value="" /> </body> <script type="text/javascript" src="js/libgif.js"></script> <script type="text/javascript"> document.getElementById("file").onchange = function(e){ var filse = this.files; sendFile(filse[0]); } function sendFile(file){ var reader =new FileReader(); reader.readAsDataURL(file); reader.onload=function(e){ var div = document.createElement("div"); var img = document.createElement("img"); div.appendChild(img); img.src = this.result; img.onload = function(){ var rub = new SuperGif({ gif: img} ); rub.load(function(){ console.log(rub.get_length()); }); } } } </script> </html>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JS實(shí)現(xiàn)的不規(guī)則TAB選項(xiàng)卡效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的不規(guī)則TAB選項(xiàng)卡效果代碼,基于鼠標(biāo)事件動(dòng)態(tài)設(shè)置頁面元素樣式實(shí)現(xiàn)該效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09js?剪切、復(fù)制、粘貼功能實(shí)現(xiàn)
Navigator.clipboard?API可以用來訪問系統(tǒng)剪貼板,可以實(shí)現(xiàn)【剪切、復(fù)制、粘貼】功能。該?API?被設(shè)計(jì)用來取代使用?document.execCommand()?的剪貼板訪問方式,不兼容?IE2023-05-05JS實(shí)現(xiàn)處理時(shí)間,年月日,星期的公共方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)處理時(shí)間,年月日,星期的公共方法,結(jié)合實(shí)例形式分析了javascript日期時(shí)間的轉(zhuǎn)換、運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2019-05-05javascript實(shí)現(xiàn)5秒倒計(jì)時(shí)并跳轉(zhuǎn)功能
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)5秒倒計(jì)時(shí)并跳轉(zhuǎn)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-06-06原生javascript實(shí)現(xiàn)解析XML文檔與字符串
這篇文章主要介紹了javascript解析XML文檔和XML字符串的方法和具體的代碼解析,有需要的小伙伴可以參考下。2016-03-03JavaScript實(shí)現(xiàn)計(jì)數(shù)器基礎(chǔ)方法
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)計(jì)數(shù)器的基礎(chǔ)方法2017-10-10
,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下JS前端實(shí)現(xiàn)留言板功能的方法總結(jié)
留言板的主要使用場景是為用戶提供一個(gè)在網(wǎng)站或應(yīng)用上留言的平臺(tái),本文主要為大家介紹了四個(gè)常見的前端實(shí)現(xiàn)留言板功能的方法,希望對大家有所幫助2023-11-11