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就完成了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 【减肥篇】很多朋友都很期待我的减肥秘诀,今天我就在这里告诉你,除了昨天说的过午不食,我每天晚上还是要吃一个苹果的,...
    晨曦_邱月晖阅读 206评论 0 0
  • 事情没结束过了一段时间总公司干了“好事情”,直接让我手下的一个兄弟替代我去参与培训,其实这个放在台面上也没什么紧要...
    东海一舟阅读 167评论 0 0
  • 头一次兴致勃勃地去看演唱会,因为明星来龙川,因为有免费的门票,因为地点在久违的母校,还因为真的想出去走走。 堂哥堂...
    燕纪事阅读 282评论 0 0
  • 雨后的天空像洗过,蓝的发白;经过的岁月似染过,由白变蓝。 一直很喜欢淡淡的蓝色。细想,都不知道是原本就喜欢这蓝,还...
    小王子_ba65阅读 261评论 0 0