这个代码是转载诗梦博客的,因为新浪图片外链响应很快,而且没有上传限制,所以是一个人人都能随时使用的小工具。
首先进入emlog后台-->找到侧边栏-->自定义一个组件-->名称随意-->代码如下:
代码语言:javascript复制<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>