上传图片立即显示

最新推荐文章于 2024-05-16 13:33:51 发布

ikgade

最新推荐文章于 2024-05-16 13:33:51 发布

阅读量5k

点赞数 1

文章标签： jquery javascript

本文链接：https://blog.csdn.net/a35038438/article/details/51162291

版权

<!DOCTYPE html>
<html>
<head>
<title>立即显示上传的图片</title>
<meta charset="utf-8">

<script type="text/javascript" src="//libs.useso.com/js/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
	/*原理是把本地图片路径："D(盘符):/image/..."转为"http://..."格式路径来进行显示图片*/
	$("#fileupload").change(function() {
		var $file = $(this);
		var objUrl = $file[0].files[0];
		//获得一个http格式的url路径:mozilla(firefox)||webkit or chrome
		var windowURL = window.URL || window.webkitURL;
		//createObjectURL创建一个指向该参数对象(图片)的URL
		var dataURL;
		dataURL = windowURL.createObjectURL(objUrl);
		$("#imageview").attr("src",dataURL);
	});
});
</script>
</head>
<body>
	<input id="fileupload" type="file" />
	<img id="imageview" >
</body>
</html>

ikgade

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
上传图片立即显示

立即显示上传的图片$(function() { $("#fileupload").change(function() { var $file = $(this); var objUrl = $file[0].files[0]; //获得一个http格式的url路径:mozilla(firefox)||webkit or chrome var windowURL = w
复制链接

扫一扫