MENU

简洁在线图片外链上传源码分享

February 16, 2019 • Read: 438 • 原创作品

图床一直有说很简洁,要源码的,我就直接分享出来吧。
HTML:

<form id="form1">
<center>
<div class="upload-drag" id="upload-drag" onclick="file.click()" title="点击上传图片">
<p style="text-align: center;margin: 5px;padding: 5px;" id="stat"> 点击上传图片 </p>
<input type="file" id="file" name="file" onchange="sc();" style="display:none"/>
</div></form>
<div id="img"></div>
<div id="imgurl" class="imgurl"></div>
</center>
<script type="text/javascript" src="//ku.oioweb.cn/js/sinaimg.js"></script>

css:

.upload-drag{text-align:center; background: #FFFF00 repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); margin: 1px; padding: 1px; border-radius: 200px; font-size: 14px; color: #555555; font-size: 150%; }
input{width:100%;}.imgurl{height: 100px;}

演示地址:https://blog.oioweb.cn/index.php/sinaimg.html

本文章最后更新于2019年02月16日; 如遇到问题,请留言及时通知站长; 欢迎加入 站长交流群,讨论各种问题!

Archives QR Code Tip
QR Code for this page
Tipping QR Code