码迷,mamicode.com
首页 > Web开发 > 详细

New FileReader上传图片

时间:2017-11-25 17:32:44      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:order   cti   this   lock   top   flow   inter   onload   reader   

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上传图片

标签:order   cti   this   lock   top   flow   inter   onload   reader   

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

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