分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

New FileReader上传图片

发布时间:2023-09-06 01:27责任编辑:蔡小小关键词:上传图片
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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved