在日常开发中，有时我们需要通过JavaScript实现一个简单又实用的功能：读取本地图片并实时展示！这不仅能让网页更具交互性，还能提升用户体验哦～🔍💻

首先，你需要创建一个HTML文件，添加一个``标签用于选择本地图片，以及一个``标签用来显示图片。接着，利用JavaScript中的`FileReader`对象，将用户选择的图片文件读取为URL，并动态赋值给``标签的`src`属性。这样，当用户上传图片时，页面会立即显示出对应的内容！🎉📸

代码示例：

```html

<script>

document.getElementById('upload').addEventListener('change', function(event) {

const file = event.target.files[0];

if (file) {

const reader = new FileReader();

reader.onload = function(e) {

document.getElementById('show').src = e.target.result;

};

reader.readAsDataURL(file);

}

});

</script>

```

是不是很简单呢？🌟快试试吧！无论是学习还是实际应用，这个小技巧都非常实用哦～