首页 > Web开发 > 详细

New FileReader上传图片

时间:2017-11-25 17:06:41      阅读:441      评论:0      收藏:0      [点我收藏+]
function readURL(input) {
   if (input.files && input.files[0]) {
       var reader = new FileReader();
       reader.onload = function (e) {
       	
           $(‘#blah‘).attr(‘src‘, e.target.result);
       }

       reader.readAsDataURL(input.files[0]);
   }

}

  

$("#imgInp").change(function(){
	var that=this;
	 readURL(that);
});

  

<a href="javascript:;" class="b-upload">
		<span class="sub">上传名片</span>
		<input type=‘file‘ name=‘paymentQrCode‘ id="imgInp" />
	</a>

  

.b-upload{
		    height: 40px;
		    line-height: 40px;
		    font-size: 18px;
		    width: 80%;
		    position: relative;
		    cursor: pointer;
		    color: #fff;
		    background: #008ce6;
		    border: 1px solid #ddd;
		    border-radius: 4px;
		    overflow: hidden;
		    text-align: center;
		    display: inline-block;
		    margin-top: 20px;
		}
		.b-upload input{
			position: absolute;
		    font-size: 160px;
		    right: 0;
		    top: 0;
		}

  

New FileReader上传图片

原文:http://www.cnblogs.com/yiyi17/p/7895678.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!