JavaScript

超轻量级php框架startmvc

js获取 gif 的帧数的代码实例

更新时间:2020-09-11 21:06:01 作者:startmvc
使用javascript获取GIF图的帧数,如果帧数过大,则不让传到服务器这里是使用一个插件:githu

使用 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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

js gif 帧数