這篇文章主要介紹了js怎么獲取gif的幀數,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
1、能夠嵌入動態文本于HTML頁面。2、對瀏覽器事件做出響應。3、讀寫HTML元素。4、在數據被提交到服務器之前驗證數據。5、檢測訪客的瀏覽器信息。6、控制cookies,包括創建和修改等。7、基于Node.js技術進行服務器端編程。
使用 javascript 獲取 GIF 圖的幀數,如果幀數過大,則不讓傳到服務器
這里是使用一個插件:
<!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>
感謝你能夠認真閱讀完這篇文章,希望小編分享的“js怎么獲取gif的幀數”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。