码迷,mamicode.com
首页 > 其他好文 > 详细

图片回显

时间:2015-11-03 17:20:49      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:

<div>
  <img src="">
  <input type="file" name="name" value="上传图片">
</div>

 

$(function(){

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

  var obj = $(this);

  var file = this.files[0];

  //如果上传的不是图片就返回,去掉可以上传任意文件

  if(!/image\/\w+/.test(file.type)){

    alert(‘请确保文件类型为图像类型‘);

    return false;

  }

  var reader = new FileReader();

  reader.readAsDataURL(file);

  reader.onload = function(e){

    console.log(this.result);

    obj.siblings(‘img‘).attr(‘src‘,this.result);

  }

});

});

图片回显

标签:

原文地址:http://www.cnblogs.com/th0907/p/4933622.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!