HTML5在图片上传的时候顺便把图片显示到浏览器上

下面是一个简单的demo，把图片上传的时候显示到浏览器，很抱歉不能直接粘贴代码，只能截图贴出来

function fileSelected() {

var oFile = document.getElementById('image_file').files[0];

// get preview element

var oImage = document.getElementById('preview');

// prepare HTML5 FileReader

var oReader = new FileReader();

oReader.onload = function(e) {

// e.target.result contains the DataURL which we will use as a source of the image

oImage.src = e.target.result;

};

// read selected file as DataURL

oReader.readAsDataURL(oFile);

}

图片是html，下面是js代码，一个小的demo就完成了