<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery.min.js"></script>
</head>
<body>
<input type="file" id="file_input">
<img src="" class="img" />
</body>
<script type="text/javascript">
$("input[type='file']").change(function(){
var file = this.files[0];
if (window.FileReader) {
var reader = new FileReader();
reader.readAsDataURL(file);
//监听文件读取结束后事件
reader.onloadend = function (e) {
$(".img").attr("src",e.target.result); //e.target.result就是最后的路径地址
};
}
});
</script>
</html>
input type = file 上传图片
最新推荐文章于 2024-08-12 16:30:53 发布