我的html代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片上传</title>
</head>
<body>
<div>
<img src="" id="img-selected" οnclick="upload()" width="200" height="200" alt="点击处上传图片" style="text-align:center;line-height:200px"/>
</div>
<input type="file" id="input-file" style="display:none" />
<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
<script type="text/javascript">
function upload() {
$("#input-file").click();
}
$(function () {
document.getElementById('input-file').onchange = function () {
var imgFile = this.files[0];
var fr = new FileReader();
fr.onload = function () {
$("#img-selected").attr("src", fr.result);
};
fr.readAsDataURL(imgFile);
};
});
</script>
</body>
</html>