html5-fullscreen和FileReader构造函数

标签：read   enc   selector   sel   前缀   lse   技术分享   var   element   

全屏

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...">

 1 function previewFile() {
 2   var preview = document.querySelector(‘img‘);
 3   var file    = document.querySelector(‘input[type=file]‘).files[0];
 4   var reader  = new FileReader();
 5 
 6   reader.addEventListener("load", function () {
 7     preview.src = reader.result;
 8   }, false);
 9 
10   if (file) {
11     reader.readAsDataURL(file);
12   }
13 }

js

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

html5-fullscreen和FileReader构造函数

标签：read   enc   selector   sel   前缀   lse   技术分享   var   element   

原文地址：https://www.cnblogs.com/zhaozhaoli/p/9898944.html