简单实现网页图片预览

最新推荐文章于 2025-05-10 12:09:03 发布

原创最新推荐文章于 2025-05-10 12:09:03 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#file #input

JAVA网站开发专栏收录该内容

9 篇文章

订阅专栏

博客展示了一个HTML示例，通过input标签的file类型实现文件选择，当选择文件时，触发onchange事件，将所选文件路径用于图片预览，在指定区域显示图片。

<span id="previewImage">没有图片</span>
<input type=file size=40 name="file1" onchange="document.getElementById('previewImage').innerHTML = '预览<br> <img src=/''+this.value+'/' width=100 height=100 align=absmiddle>';">
以下是一个示例:

没有图片