parent remove ati element transform load 电话 tran
- 智保网@font - face {
- font - family: 'iconfont';
- /* project id 287608 */
- src: url(' //at.alicdn.com/t/font_bw5ihf2mwsc0izfr.eot'); src: url('//at.alicdn.com/t/font_bw5ihf2mwsc0izfr.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_bw5ihf2mwsc0izfr.woff') format('woff'), url('//at.alicdn.com/t/font_bw5ihf2mwsc0izfr.ttf') format('truetype'), url('//at.alicdn.com/t/font_bw5ihf2mwsc0izfr.svg#iconfont') format('svg'); } .iconfont{font-family:"iconfont";font-size:18px;font-style:normal;float: left;padding-left: 20px;color: #7E7E7E} .iconfont1{font-family:"iconfont";font-size:16px;font-style:normal;float: left;padding-left:2px;padding-right:15px;color: #BFBEC4} ul ,li{ list-style: none; padding: 0;margin: 0; background-color: #fff; } p{ margin: 0; padding: 0; } body{ font:1.6rem "微软雅黑",Arial,Helvetica,sans-serif; margin: 0; padding: 0; font-size: 14px; background-color: #F5F5F5; max-width: 640px; position: relative; left: 50%; transform:translate(-50%,0); height:100% } #box{ width: 100%; height: auto; } .img-d{ margin-top: 30px; width: 60px; height: 60px; text-align: center; position: relative; border: 1px solid #666666; display: inline-block; } .img-d span{ display: inline-block; width: 100%; height: 100% ; cursor: pointer; background: url(http://qqbxw.b0.upaiyun.com/static/imgs/jia_03.png) no-repeat 17px 17px ; } #up{ display: none; } .tu{ position: relative; display: inline-block; margin-right: 12px; } .tu2{ display: inline-block; width: 20px; height: 20px; font-size: 17px; position: absolute; top: -0px; right: -0px; color: #ffffff; text-align: center; line-height: 25px; cursor: pointer; background: url('timg.jpg') no-repeat; background-size: cover; border-radius: 50px; } // span的点击事件 var addBtn = document.querySelector('.up-s'); addBtn.addEventListener('click',function () { document.querySelector('#up').value = null; document.querySelector('#up').click(); return false; },false); // 处理input点击之后的change事件 document.getElementById("up").addEventListener("change",function(e){ var files =this.files; var reader =new FileReader(); reader.readAsDataURL(files[0]); reader.onload =function(e){ var dx =(e.total/1024)/1024; if(dx>=2){ alert("文件大小大于2M"); return; } var result =this.result;//这里就是转化之后的DataURL $('.img-d').before(""); //单选框--为谁买保险 $(".tu2").click(function() { $(this).parent().remove(); }) }; });
上传图片 点击按钮删除
来源: http://www.bubuko.com/infodetail-2081854.html