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

2019-11-19 10:50:31

字体：大中小

来源：转载

供稿：网友

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：如何通过shell脚本自动生成vue文件详解

下一篇：微信小程序实现pdf、word等格式文件上传的方法