<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="file" onchange="show(this)"/> <img id="img" src=""> <script> function show(file){ var reader = new FileReader(); // 實例化一個FileReader對象,用於讀取文件 var img = document.getElementById('img'); // 獲取要顯示圖片的標簽 //讀取File對象的數據 reader.onload = function(evt){ img.width = "80"; img.height = "80"; img.src = evt.target.result; } reader.readAsDataURL(file.files[0]); } </script> </body>