html部分

<img alt=""  id="img"  >
<input  type="file" onchange='PreviewImage(this)' >

//在type為file的input上面新增這個onchenge事件方法名為PreviewImage(this)
function PreviewImage(imgFile) 
{ 
    //使用這個方法來臨時建立一個檔案的連結，引數是一個file或者blob
    var path = URL.createObjectURL(imgFile.files[0]);
    //將連結賦值給上面的圖片src路徑
 

    $("#img").prop("src",path)
    //銷燬上面建立的連結
    //URL.revokeObjectURL(path);
 }