美文网首页
HTML5在图片上传的时候顺便把图片显示到浏览器上

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

作者: 远向 | 来源:发表于2017-05-06 11:21 被阅读0次

下面是一个简单的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就完成了

相关文章

网友评论

      本文标题:HTML5在图片上传的时候顺便把图片显示到浏览器上

      本文链接:https://www.haomeiwen.com/subject/jepetxtx.html