html 选择本地图片，显示选择的图片
<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=0.1">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>xxx</title>
<script src=""></script>
<script>
function handleFiles(files) {
var preview = ('preview');
for (var i = 0; i < ; i++) {
var file = files[i];
var imageType = /^image\//;
if ( !() ) {
continue;
}
var img = ("img");
("obj");
= file;
// 假设 "preview" 是将要展示图片的 div
(img);
var reader = new FileReader();
= (function(aImg) {
return function(e) {
= ;
};
})(img);
(file);
}
}
</script>
</head>
<body style="margin: 25px;">
<input type="file" id="input" onchange="handleFiles()">
<div id = "preview"></div>
<!-- <img src="file:///Users/staff/Desktop/%E5%9C%B0%E8%A1%" width="2500" height="650"> -->
</body>
</html>