当前位置: 首页 > 编程笔记 >

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

唐繁
2023-03-14
本文向大家介绍js获取 gif 的帧数的代码实例,包括了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>

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

 类似资料:
  • 本文向大家介绍JS非行间样式获取函数的实例代码,包括了JS非行间样式获取函数的实例代码的使用技巧和注意事项,需要的朋友参考一下 行间样式:元素内部用style定义的样式,如:<div style="width:200px;"></div> 非行间样式:在<style></style>内通过css定义的样式 先看一段出问题的代码 我在页面放了一个方块,红底黑边,想通过点击该方块让他的宽度变为200p

  • 本文向大家介绍JS获取短信验证码倒计时的实现代码,包括了JS获取短信验证码倒计时的实现代码的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接给大家贴代码了,具体代码如下所示: 以上所述是小编给大家介绍的JS获取短信验证码倒计时的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!

  • 本文向大家介绍Java实现帧动画的实例代码,包括了Java实现帧动画的实例代码的使用技巧和注意事项,需要的朋友参考一下 本文讲述了Java实现帧动画的实例代码。分享给大家供大家参考,具体如下: 1、效果图 2、帧动画的简要代码 3、扩展: 点击打开素材下载地址 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对呐喊教程的支

  • 本文向大家介绍JS传递对象数组为参数给后端,后端获取的实例代码,包括了JS传递对象数组为参数给后端,后端获取的实例代码的使用技巧和注意事项,需要的朋友参考一下 前端JS代码: 重点注意:将对象数组转为JSON形式的字符串:JSON.stringify 后端获取: 以上就是小编为大家带来的JS传递对象数组为参数给后端,后端获取的实例代码全部内容了,希望大家多多支持呐喊教程~

  • 我需要在CloudKit中获取CkAsset的web url。然而,在swift中,苹果不允许我们获取直接的WebURL,它只下载资产并给我们文件。但是,有了javascript,这是可能的。因此,我编写了一个JS文件来获取CkAsset Weburl。当我在浏览器中运行这个javascript文件时。我试图用下面的代码在swift中运行它,但我不能。我搜索到一个名为“StringByEvalua

  • 本文向大家介绍js获取当前年月日-YYYYmmDD格式的实现代码,包括了js获取当前年月日-YYYYmmDD格式的实现代码的使用技巧和注意事项,需要的朋友参考一下 js获取当前年月日-YYYYmmDD格式的实现代码 以上这篇js获取当前年月日-YYYYmmDD格式的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。