H5-DataUrl FileReader

DataUrl: 将二进制文件流以字符串的形式存在,如果是图片可以在页面上展示。经常用于Canvas截图或画图展示用。

格式:data:image/png;base64,****.

/**
       * dataUrl
       */
      var downloadDataUrl = function(){
          $('input[type=file]').change(function(){
            var file = this.files[0];
            if(window.FileReader){
                var reader = new FileReader();
                // 加载返回
                reader.onloadend = function(e){
                    var dataUrl = reader.result;
                $('img')[0].src=dataUrl;
                $('div').text(dataUrl);
                };
                reader.readAsDataURL(file); // 也可以读入blob
            }
          });

原文地址:https://www.cnblogs.com/DennyZhao/p/9052452.html