javascript 內置方法 new FileReader 讀取文件

示例代碼：

<!-- multiple 代表選擇文件可以多選 -->
<input type="file" name="cover" id="file" multiple>
<div class="thumbnail-waper">
    <img class="img-thumbnail" src="" id="fileImg">
</div>

<script type="text/javascript">
　　// 獲取選擇文件的控件
　　var file = document.querySelector('#file')
　　// 獲取顯示圖片的控件
　　var fileImg = doucument.querySelector('#fileImg')
　　// 選擇文件
　　file.onchange = funciton(){
　　　　// 創建讀取文件內置對象
　　　　const reader = new FileReader()
　　　　// 讀取文件（這是一個異步方法，所以得需要onload中result.reader獲取），this.files代表上傳文件列表數據
　　　　reader.readAsDataURL(this.files[0])
　　　　reader.onload = funciton(){
　　　　　　// 文件賦值給顯示圖片控件
　　　　　　fileImg.src = result.reader
　　　　}
　　}
</script>