html5-fullscreen和FileReader构造函数

全屏

Element.requestFullscreen();

使用IE时，最后的screen的s为小写，也即msRequestFullscreen，否则无效

谷歌浏览器前缀webkitRequestFullScreen()里最后的Screen的S也可以为小写s，建议写成驼峰命名法

火狐前缀moz

---------------------------------------------------------------------------------------------------------------------------

FileReader构造函数

当 FileReader 读取文件的方式为  readAsArrayBuffer, readAsBinaryString, readAsDataURL 或者 readAsText 的时候，会触发一个 load 事件。从而可以使用  FileReader.onload 属性对该事件进行处理。

readAsDataURL例子

<input type="file" onchange="previewFile()"><br>
<img src="" height="200" alt="Image preview...">

function previewFile() {
  var preview = document.querySelector('img');
  var file    = document.querySelector('input[type=file]').files[0];
  var reader  = new FileReader();

  reader.addEventListener("load", function () {
    preview.src = reader.result;
  }, false);

  if (file) {
    reader.readAsDataURL(file);
  }
}

result属性是在load完成后，即读取完成后才有效，值为读取结果