html5-fullscreen和FileReader建構函式
阿新 • • 發佈:2018-11-02
全屏
Element.requestFullscreen();
使用IE時,最後的screen的s為小寫,也即msRequestFullscreen,否則無效
谷歌瀏覽器字首webkitRequestFullScreen()裡最後的Screen的S也可以為小寫s,建議寫成駝峰命名法
火狐字首moz
---------------------------------------------------------------------------------------------------------------------------
FileReader建構函式
當 FileReader
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 }, falsejs); 9 10 if (file) { 11 reader.readAsDataURL(file); 12 } 13 }
result屬性是在load完成後,即讀取完成後才有效,值為讀取結果