您的位置：首页 > 编程语言 > PHP开发

js实现图片文件上传预览 | 黄乔国PHP

2017-09-07 22:37 615 查看

普通的上传图片选择图片后并不知道自己选择的什么图片，那么通过js我们可以做出预览效果这样就知道选择的什么图片，以免误上传！

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js上传图片--预览图片</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
</head>

<body>
<form>
<input type="file" onChange="preview(this)"/>
<img src="" id="previewimg" width="50px" height="40px"/>
</form>
<script type="text/javascript">
function preview(obj){
var img = document.getElementById("previewimg");
img.src = window.URL.createObjectURL(obj.files[0]);
}
</script>
</body>
</html>

需要的朋友可以参考一下！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航