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

2017年9月7日09:35:54 6 1,672

记录wordpress小工具添加新浪图片上传外链,以后忘记看这看这,鸟叔主题添加增加小工具放入代码即可,js代码自己丢好调用吧!

WP小工具添加新浪图片上传外链
代码:

  1. <div class="momll"><style>
  2. momll-img{max-width:80%;display:block;
  3. }#选图{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>
  4. <input type="file" id="选图">
  5. <div id="box">选择或拖拽图像进行上传</div><img id="图片"><p id="文本"></p><script src="https://www.mom1.cn/m1/mom11.js"></script><script>
  6. 选图.onchange=function(){
  7. if(!this.files||!this.files[0])
  8. return alert('选取文件出错!')
  9.     var
  10.     图片文件=this.files[0]
  11. if(图片文件.type.indexOf('image')!=0)
  12. return alert('这不是一个图像或音频!')
  13.     UP(图片文件,function(pid){
  14.         文本.innerHTML=
  15.         图片.src='https://ww2.sinaimg.cn/large/'+pid+ '.jpg'
  16.     },function(){
  17.         alert('上传文件出错了!')
  18.     },function(进度){
  19.         文本.innerHTML=进度*100+'%'
  20.     })
  21. }
  22. </script></div>

js代码:

  1. /* ? 2017-8-25 */
  2. var
  3. UP=function(o,success,error,upload,x,file,A){
  4.     if(typeof success=='function')
  5.         file=o;
  6.     else{
  7.         if(!o.file)
  8.             return console.log('并没有传入需要上传的文件')
  9.         if(A=o.success)
  10.             success=A
  11.         if(A=o.upload)
  12.             upload=A
  13.         if(A=o.error)
  14.             error=A
  15.     }
  16.     x=new XMLHttpRequest()
  17.     x.open('POST','https://x.mouto.org/wb/x.php?up&_r='+Math.random(),1)
  18.     if(upload)
  19.         x.upload.onprogress=function(e){
  20.             upload(e.loaded/e.total)
  21.         }
  22.     x.onload=function(r){
  23.         r=JSON.parse(x.responseText)
  24.         if(r.error&&error)
  25.             return error(r.error)
  26.         if(r.pid&&success)
  27.             return success(r.pid)
  28.     }
  29.     x.send(file)
  30. }
诗梦

发表评论

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

目前评论:6   其中:访客  5   博主  1

    • avatar 仙踪小栈 来自天朝的朋友 谷歌浏览器 Windows 7 中国 移动 1

      终于放出教程,感谢博主分享啦

        • avatar 诗梦 Admin 来自天朝的朋友 谷歌浏览器 Linux 中国 移动

          @仙踪小栈 会的话直接扒走就行了,我也没加密!

            • avatar 大毛 来自天朝的朋友 火狐浏览器 Windows 10 广东省深圳市 鹏博士长城宽带 1

              @诗梦 随便看看

          • avatar 请输入您的QQ号 来自天朝的朋友 火狐浏览器 Windows 10 广西南宁市 联通 1

            居然可以用中文id…….第一次知道,另外代码正好需要,虽然自己写了个基于偷揉图床的小书签…

            • avatar 逸心 来自天朝的朋友 谷歌浏览器 Windows 7 河北省唐山市 电信 0

              上传的图片并不是在自己微博图库中啊

              • avatar 云落 来自天朝的朋友 火狐浏览器 Windows 10 湖南省长沙市 联通 1

                将这个代码和我的论坛小小的结合了一下,目前非常不错
                http://googlo.me/bbs.html?view=thread&id=28