步驟：

1. 用建構函式實體化new一個檔案讀取器FileReader

     2.用實體化出來的檔案讀取器呼叫readAsDataURL方法，將檔案物件作為引數傳進去，讀取檔案為dataURL（要先呼叫一下這個函式才能在下一步使用result）

   3.讀取器的result屬性就是我們需要用到的dataURL

檔案讀取器的onload回撥函式：將這個result作為連結寫入img的src

    //var到input
    var input = document.getElementById("input")[0];
    //監聽input，數值變化onchange即使用者上傳了檔案
    input.onchange = function(){
        //獲取使用者上傳的檔案物件
        var theFile = input.files[0];
        //例項化一個檔案讀取器
        var fileReader = new FileReader();
        //將使用者上傳的檔案物件作為引數，傳入檔案讀取器的方法readAsDataURL
        fileReader.readAsDataURL(theFile);
        //檔案讀取器方法執行完畢後呼叫函式
        fileReader.onload = function (){
            //檔案讀取器的result屬性即fileReader.result，就是上傳檔案的dataURL
        document.getElementsByTagName("img")[0].src = fileReader.result;
        }
    }