HTML怎么实现上传图片前能够预览

相信做过web开发的都遇到过在编写上传图片控件的时鸷雄凰堆候希望用户上传的图片能够直接在旁边显示出图片。下面就是我在做这个功能的实现过程，亲测有效。

工具/原料

电脑

编辑器

方法/步骤

1、首先完成上传图片界面的创建，代码如图所示

2、编写javascript代码，代码如图所示

3、保存代码，在浏览器中打开刚才编写的html文件，然后点击上传控件中选择一张图片就可以在网页上畋吱渎胤看到自己选中的图片了。

4、完整的代码如下图所示，当然，想要界面更好看，你可以自己加一些css样式