添加图片上传新浪获得外链小工具

  • A+
所属分类:源码教程

利用begin主题提供的增强文本小工具,加入以下代码:

<div class="esocn"><style>
esocn-img{max-width:80%;display:block;
}#xt{position:absolute;z-index:1;cursor:pointer;opacity:0;}#xt,#box{background:#2f889a;color:#FFF;display:block;height:40px;line-height:30px;text-align:center;}</style>
<input type="file" id="xt">
<div id="box">选择或拖拽图像进行上传</div><img id="pic"><p id="text"></p><script src="http://你的网站/js文件路径/esocn.js"></script><script>
xt.onchange=function(){
if(!this.files||!this.files[0])
return alert('没有选取图片哦!')
    var
    picfile=this.files[0]
if(picfile.type.indexOf('image')!=0)
return alert('别闹,这不是图片!')
    UP(picfile,function(pid){
        text.innerHTML='<span style="color: #ff0000;">↑↑↑↑↑↑鼠标右键复制图片链接↑↑↑↑↑↑</span>'
        pic.src='https://ww2.sinaimg.cn/large/'+pid+ '.jpg'
    },function(){
        alert('上传文件出错了!')
    },function(load){
        text.innerHTML=load*100+'%'
    })
}
</script></div>

接着保存小工具

PS:

代码中的http://你的网站/js文件路径/esocn.js 为JS文件的路径,请换成你自己的

新建一个JS文件esocn.js,加入以下代码:

/*新浪外链小工具JS代码*/
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)
}

最终效果图:
添加图片上传新浪获得外链小工具

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: