首页 > 其他 > 详细

图片回显

时间:2015-11-03 17:18:19      阅读:97      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!