js獲取 gif 的幀數的代碼實例
更新時間：2019年09月10日 11:47:43 作者：muamaker
這篇文章主要介紹了js獲取 gif 的幀數的代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
使用 javascript 獲取 GIF 圖的幀數，如果幀數過大，則不讓傳到服務器
這里是使用一個插件： 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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家介紹了javascript異步編程，從淺入深的學習javascript異步編程，對javascript異步編程感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了JS實現的不規(guī)則TAB選項卡效果代碼,基于鼠標事件動態(tài)設置頁面元素樣式實現該效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
Navigator.clipboard?API可以用來訪問系統(tǒng)剪貼板，可以實現【剪切、復制、粘貼】功能。該?API?被設計用來取代使用?document.execCommand()?的剪貼板訪問方式，不兼容?IE2023-05-05
這篇文章主要介紹了JS實現處理時間，年月日，星期的公共方法,結合實例形式分析了javascript日期時間的轉換、運算相關操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細介紹了javascript實現5秒倒計時并跳轉功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了javascript解析XML文檔和XML字符串的方法和具體的代碼解析，有需要的小伙伴可以參考下。2016-03-03
這篇文章主要給大家介紹了關于利用原生JS獲取URL鏈接參數的幾種常見方法,文中通過實例代碼以及圖文介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了通過js為元素添加多項樣式,瀏覽器全兼容寫法,需要的朋友可以參考下2014-08-08
這篇文章主要為大家詳細介紹了JavaScript實現計數器的基礎方法2017-10-10
，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
留言板的主要使用場景是為用戶提供一個在網站或應用上留言的平臺,本文主要為大家介紹了四個常見的前端實現留言板功能的方法,希望對大家有所幫助2023-11-11