007真人007真人

来源:乐虎lehu国际娱乐之家  责任编辑:小易  

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

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

您可能感兴趣的文章:


  • 本文相关:
  • nodejs实现截取上传视频中一帧作为预览图片
  • javascript帧动画(实例讲解)
  • 复杂的javascript窗口分帧解析
  • 详解关于json.parse()和json.stringify()的性能小测试
  • js使用json.parse(),json.stringify()实现对对象的深拷贝功能分析
  • 使用js和canvas实现gif动图的停止和播放代码
  • 关于json.parse(),json.stringify(),jquery.parsejson()的用法
  • javascript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
  • 使用bootstrap框架制作查询页面的界面实例代码
  • 20个非常有用的php类库 加速php开发
  • javascript实现省市县三级级联特效
  • 地址栏上的一段语句,改变页面的风格。(教程)
  • js下将金额数字每三位一逗号分隔
  • 浅谈js封闭函数、闭包、内置对象
  • javascript 异步加载详解(浏览器在javascript的加载方式)
  • 原生js实现自定义滚动条效果
  • 简单谈谈javascript中的变量、作用域和内存问题
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.pradaoutletonline.net All Rights Reserved