new fileloader().demo.html

<!DOCTYPE html>
<html xmlns = "http://www.w3.org/1999/xhtml">
    <head >
        <title ></title >
        <script type = "text/javascript">
            function ProcessFile (e) {
                var file = document.getElementById('file').files[0];
                if( file ) {
                    
                    var reader = new FileReader();
                    reader.onload = function (event) {
                        var txt = event.target.result;
                        document.getElementById("result").innerHTML = txt;
                    };
                }
                reader.readAsDataURL(file);
            }
            
            function contentLoaded () {
                document.getElementById('file').
                         addEventListener('change' ,
                                          ProcessFile ,
                                          false);
            }
            
            window.addEventListener("DOMContentLoaded" ,
                                    contentLoaded ,
                                    false);
        </script >
    </head >
    <body >
        请选取一个图像文件:
        <input
            id = "file"
            name = "file"
            type = "file"
        />
        <div id = "result"></div >
    </body >
</html >