专栏首页Youngxjemlog侧边栏添加新浪图床上传样式及接口

emlog侧边栏添加新浪图床上传样式及接口

有几个友友想要我右侧栏的新浪图床上传样式,今天分享给大家

<style type="text/css">
#file{position:absolute;z-index:1;cursor:pointer;opacity:0;}
#file,.btn_mouseout{background:#6F8EC5;color:#FFF;display:block;line-height:37px;text-align:center;width:100%;}
#sinaimg{width:50%;padding-bottom: 25px;}
#sinaimgurl{background: rgba(255, 0, 0, 0);padding: 5px;line-height: 31px;border: 1px solid #ddd;width: 286px;color: #999;border-radius: 4px;}
#img{text-align: center;width: 100%}
.upload-drag{
  position: relative;
  padding: 30px;
  border: 1px dashed #e2e2e2;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  color: #999;
}
</style>
<script type="text/javascript" src="//www.youngxj.cn/content/templates/emedia_better/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="//www.youngxj.cn/content/templates/emedia_better/layer/layer.js"></script>
<form id="form1">
  <div class="upload-drag" id="upload-drag" onclick="file.click()" title="点击上传图片">
    <img src="https://ww2.sinaimg.cn/large/843dc74bgy1fpkedpgq3tj201c01c0of.jpg">
<p id="stat">点击上传</p>
    <input type="file" id="file" name="file" onchange="sc();" style="display:none" accept="image/*"/>  
  </div>
</form>
<div id="img"></div>
<div id="imgurl"></div>
<script type="text/javascript" src="//www.youngxj.cn/content/templates/emedia_better/js/sinaup.js"></script>

因为layer.js存在跨域问题,所以最好自己到官方下载一份layer到自己博客,然后进行调用即可

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 在线可视化编辑源码

    Youngxj
  • EMLOG自适应emMsg提示信息

    Youngxj
  • emlog后台登录失败邮件通知

    Youngxj
  • 利用jquery实现当前时间动态显示

    菲宇
  • Angular的built-in指令

    Angular built-in指令分为attribute指令和structural指令两种。

    Jerry Wang
  • cssjshtml vue.js 三元表达式

    葫芦
  • 理解 CSS 布局和 BFC

    CSS布局中有一些概念,一旦你理解了它们,就能真正提高你的 CSS 布局能力。本文是关于块格式化上下文(BFC)的。你可能从未听说过这个术语,但是如果你曾经用C...

    前端小智@大迁世界
  • Flutter 1.17 中的导航解密和性能提升

    Flutter 1.17 对比上一个稳定版本,更多是带来了性能上的提升,其中一个关键的优化点就是 Navigator 的内部逻辑,本篇将带你解密 Navigat...

    恋猫
  • 小结BFC的基本知识与应用

    在写css样式时,可能是添加了一个样式后就达到了预期效果。有没有想过,是我们在不经意间触发了什么,帮助我们达到了效果?本文就快速介绍下css样式中经常使用的BF...

    前端林子
  • 关于MYSQL数据库管理员密码丢失找回

    一、MYSQL数据库密码找回: 密码错误: 关于MYSQL数据库管理员密码丢失找回 1.vim /etc/my.cnf 进入配置文件,写入 skip-grant...

    小仙女闯运维

扫码关注云+社区

领取腾讯云代金券