首页 > Web开发 > 详细

HTML FileReader

时间:2015-01-09 12:11:25      阅读:270      评论:0      收藏:0      [点我收藏+]
 <script>
      var loaded = 0;
      var times = 0;
      var stemp = 1024 * 1024;
      var mefile;
      function readFile(obj) {
          var file = obj.files[0];
          //判断类型是不是图片  
          if (!/image\/\w+/.test(file.type)) {
              alert("请确保文件为图像类型");
              return false;
          }
          var reader = new FileReader();
     reader.readAsDataURL(file);
          reader.onload = function (e) {
              //   alert("读取完成");
              $("#ImageBase64").val(this.result);
              $(".fileButton").find("p").css("background-image", "url("+this.result+")").css("background-position","100% 100%").css("background-size","100% 100%");
              // alert(this.result); //就是base64  
              $(".start").find("p").html("上传完成");
              setTimeout(function () { 
                  $(".start").hide();
              },3000);
          },
          reader.onloadstart = function (e)
          {
              $(".start").show();
              $(".start").find("p").html("开始上传");
              //alert("开始读取");
          },
          reader.onprogress = function (e)
          {

             //loaded += e.loaded;
              $(".start").find("p").html("上传中");
          // $("#Progress").val((loaded / file.size) * 100);

              //alert("读取中");
          },
          reader.onerror = function (e)
          {
              $(".start").find("p").html("图片上传出现错误,请重试");
            //  alert("你好,出现错误");
          }
      }
     
    
   </script>

 

HTML FileReader

原文:http://www.cnblogs.com/xuemykisskui/p/4212827.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!