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>