上传图片，实时显示在页面中

安徒生_鸭梨呀

于 2020-03-14 01:22:34 发布

阅读量381

点赞数

CC 4.0 BY-SA版权

分类专栏： java 文章标签： html5 javascript

本文链接：https://blog.csdn.net/qq_41342922/article/details/104853690

java 专栏收录该内容

9 篇文章

订阅专栏

上传图片，实时显示在页面中
html页面如下

<img id="blah1" src="" alt="" width="200px"class="img-thumbnail">
	<input id="courseImgSmall" type="file" name="picture" />

js中如下：

function readURL1(input) {
		if (input.files && input.files[0]) {
			var reader = new FileReader();

			reader.onload = function(e) {
				$('#blah1').attr('src', e.target.result);
			}
			reader.readAsDataURL(input.files[0]);
		}
	}

	$("#courseImgSmall").change(function() {
		readURL1(this);
	});