js控制圖片文件回顯

在前端開發中，我們經常會遇到圖片上傳這個問題，那用戶點擊選擇圖片之後怎麼在頁面上顯示出來呢。看以下代碼：

<input id = "upload" type = "file" />
<img id = "uploadimg" src="" />

$("#upload").on('change',function(){
    fileList = [];
    //原生的文件對象，相當於$file.get(0).files[0];
    curFile = this.files;
    //將FileList對象變成數組
    fileList = fileList.concat(Array.from(curFile));
    for(var i=0,len = curFile.length;i < len;i++){
        reviewFile(curFile[i], $("#uploadimg"));
    }
});


function reviewFile(file, img){
    //實例化fileReader
    let  fd = new FileReader();
    //獲取當前選擇文件的類型
    let fileType = file.type;
    //調它的readAsDataURL並把原生File對象傳給它，
    fd.readAsDataURL(file);//base64
    //監聽它的onload事件，load完讀取的結果就在它的result屬性裏了
	
    fd.onload = function(){
        img.attr("src", this.result);
    }
 }

具體還有什麼業務邏輯具體修改