input的type是file,选择显示图片
2016/07/25    标签: html5    文件上传   

input的type是file,点击文件后,图片显示在上面,暂不上传到服务器。

下面代码可以简单实现,html5支持

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <img src="" alt="" id="img">
    <input type="file" onchange="(function(obj){document.getElementById('img').src=window.URL.createObjectURL(obj.files[0]);})(this)" />
</body>
</html>