input file显示图片

html

<div>

<img src="" class="img">

</div>

<input type="file" class="imgInput">


jquery


$(".imgInput").change(function(){

    $(".img").attr("src",URL.createObjectURL($(this)[0].files[0]));

});

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

推荐阅读更多精彩内容

  • snapshot-1.0.0.js
    "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,059评论 0赞 2
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,765评论 1赞 45
  • JQuery
    1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0赞 2
  • JQuery
    1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,202评论 0赞 1
  • 黑苹果  vega56 黑屏和花屏，只显示一部分
    败了迪兰的vega56 ， 原来朋友给的660ti在10.13 是时不时花屏严重， 只能停留在10.12的状态，（...
    afakee阅读 7,305评论 12赞 2