杨小杰Blog(Youngxj)提供免费教程下载和网站搭建技术教程,主要分享和发布网站源码,致力创造一个高质量网络资源教程的分享平台

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

Young小杰2017-10-22 9:07 网站搭建(10)4760小标签: 网站搭建教程 诗梦博客

杨小杰博客新浪微博.jpg

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

首先进入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>


本文最后更新于2017-10-22,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

发表评论:

评论列表:

  • Capricorn Lv 1

    上传图片没外链啊,是不是模板问题?

    • Young小杰 站长

      回复了Capricorn:可能是接口抽风,习惯就好,正常上传都会回调图片地址的

  • 68213802 Lv 1

    嘿嘿,,,有没有解决的办法,谢谢了

    • Young小杰 站长

      回复了68213802:不好意思没有的

  • 68213802 Lv 1

    我添加了。他可以外链成功,可是链接复制不了怎么办啊

    • Young小杰 站长

      回复了68213802:链接复制不了就是你自己的问题了

    • 68213802 Lv 1

      回复了Young小杰:他这个是怪什么啊,我是新手,其他的都可以 ,就侧别栏添加的代码,都不能复制

    • Young小杰 站长

      回复了68213802:不能复制那就审查元素啊

  • Young小杰 站长

    打卡成功,现在时间:9点22分记得每天坚持打卡哦! 如果你还没有吃早饭,那就连着午饭一起吃吧!

  • Flyer Lv 3

    好东西

  • 手机扫描二维码
    阅读体验更佳