纯js实现文件上传

Html部分

<div id="preview"></div>
<input type="file" onchange="preview(this)">

Css部分（简单粗暴）

 #preview,.img,img {
	width:200px;
	height:200px;
}
#preview {
	border:1px solid #000;
}

Js部分（重点）

var _URL = window.URL || window.webkitURL;

function preview(file) {
    var prevDiv = document.getElementById('preview');
    if (file.files && file.files[0]) {
        var reader = new FileReader();
        reader.onload = function(evt) {
            prevDiv.innerHTML = '<img id="imgnode" src="' + evt.target.result + '" />';
            console.log(evt.target.result)
        }
        reader.readAsDataURL(file.files[0]);
    } else {
        prevDiv.innerHTML = '<div class="img" id="imgnode"  style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';
    }
}