首页 > 代码库 > HTML FileReader

HTML FileReader

 <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