首页 > Web开发 > 详细

html5-fullscreen和FileReader构造函数

时间:2018-11-03 00:37:00      阅读:165      评论:0      收藏:0      [点我收藏+]

全屏

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构造函数

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!