emlog添加新浪图片外链小工具

这个代码是转载诗梦博客的,因为新浪图片外链响应很快,而且没有上传限制,所以是一个人人都能随时使用的小工具。

首先进入emlog后台-->找到侧边栏-->自定义一个组件-->名称随意-->代码如下:

<div class="momll">
<style>
momll-img{max-width:80%;display:block}
#选图{position:absolute;z-index:1;cursor:pointer;opacity:0}
#box,#选图{background:#b485e2;color:#FFF;display:block;height:40px;line-height:30px;text-align:center}
</style>
<input type="file" id="选图">
<div id="box">选择或拖拽图像进行上传</div>
<img id="图片" style="width:100%">
<p id="文本" style="word-wrap:break-word"></p>
<script src="https://www.mom1.cn/m1/mom11.js"></script>
<script>
选图.onchange=function(){
if(!this.files||!this.files[0])
return alert('选取文件出错!')
    var
    图片文件=this.files[0]
if(图片文件.type.indexOf('image')!=0)
return alert('这不是一个图像或音频!')
    UP(图片文件,function(pid){
        文本.innerHTML=
        图片.src='https://ww2.sinaimg.cn/large/'+pid+ '.jpg'
    },function(){
        alert('上传文件出错了!')
    },function(进度){
        文本.innerHTML=进度*100+'%'
    })
}
</script></div>
<script>
var
UP=function(o,success,error,upload,x,file,A){
    if(typeof success=='function')
        file=o;
    else{
        if(!o.file)
            return console.log('并没有传入需要上传的文件')
        if(A=o.success)
            success=A
        if(A=o.upload)
            upload=A
        if(A=o.error)
            error=A
    }
    x=new XMLHttpRequest()
    x.open('POST','https://x.mouto.org/wb/x.php?up&_r='+Math.random(),1)
    if(upload)
        x.upload.onprogress=function(e){
            upload(e.loaded/e.total)
        }
    x.onload=function(r){
        r=JSON.parse(x.responseText)
        if(r.error&&error)
            return error(r.error)
        if(r.pid&&success)
            return success(r.pid)
    }
    x.send(file)
}</script>

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏娱乐心理测试

小程序之保存图片到相册的几种方法

4014
来自专栏优启梦

给网站添加好看的底部功能按钮

在一些博客手机版会看到底部有些按键很好看! 跟下面图片的一样,把代码自行添加到合适位置就可以了!。 只在手机版显示 ? <style type="text/cs...

3988
来自专栏iOS开发攻城狮的集散地

Xcode炫酷插件

1783
来自专栏从零开始学自动化测试

Appium+python自动化19-iOS模拟器(iOS Simulator)安装自家APP

前言 做过iOS上app测试的小伙伴应该都知道,普通用户安装app都是从appstore下载安装,安装测试版本的app,一般就是开发给的二维码扫码安装, 或者开...

3573
来自专栏ccylovehs

JavaScript实现iphone时钟

http://www.w3school.com.cn/tags/html_ref_canvas.asp

1513
来自专栏ArrayZoneYour的专栏

借助Babel 7和Webpack构建React Toolchain

React不是完全开箱即用的。它使用了一些最近node才支持的关键字和语法(在本教程中我使用了v 9.3.0版本)。因此需要一些很麻烦的设置,但是Faceboo...

2514
来自专栏技术博文

sublime Text3

sublime Text3实用功能和常用快捷键 PS:ST3在Mac OX与Windows不同平台下的快捷键差别很大。下面是针对windows平台的解说。 1....

29611
来自专栏小程序的道路

小程序生命周期

小程序并不是 HTML5 应用,而是更偏向于传统的 CS 架构,它是基于数据驱动的模式,一切皆组件(视图组件)。下面是小程序与普通 Web App 的对比。 ...

1381
来自专栏python学习之旅

Python+Selenium笔记(九):操作警告和弹出框

#之前发的 driver.switch_to_alert() 这句虽然可以运行通过,但是会弹出警告信息(这种写法3.x不建议使用)  改成 driver.swi...

5989
来自专栏守望轩

Visual Studio 2008 每日提示(五)

#041、 通过返回标记,在编辑器向前或向后定位代码 原文地址:http://blogs.msdn.com/saraford/archive/2007/09/...

3376

扫码关注云+社区