使用input file选择图片后在指定位置显示

使用input file预览图片

input框设置

<input type="file" id="myFile" value="" />

JS设置

<script type="text/javascript">
						var fileObj = "";
						var imgData = "";

						$("#myFile").change(function () {
						    // 构造一个文件渲染对象
						    var reader = new FileReader();
						    // 得到文件列表数组
						    fileObj = $(this)[0].files[0];
						    // 拿到文件数据
						    reader.readAsDataURL(fileObj);

						    reader.onload = function() {
						        // 获取文件信息
						        imgData = reader.result;
						        // 指定位置显示图片
						        $("#myImg").attr("src", imgData);
						    
						    };
						});

</script>

指定显示图片的img标签

<img src="${user.user_headimg }" id="myImg"  style="width: 200px;height:200px ;" />