1. 程式人生 > >html5-fullscreen和FileReader建構函式

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..."
>
 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完成後,即讀取完成後才有效,值為讀取結果