利用阿里巴巴图片外链来制作免费图床【最新推荐】

很高兴你能坚持经常过来支持笔者:许梦瑶,今天就来说说关于利用阿里巴巴图片外链来制作免费图床,以及关于阿里巴巴图床图片,批量,像素的一系列相关内容,整理总结之后,我就想着写这篇文章和大家分享一下,因为毕竟新手朋友还是很多的!

之前为大家分享了利用百度和新浪图片上传接口制作图床的方法,现在好像都不能用了。今天为大家分享一款利用阿里巴巴来做图床的方法。

首先我们来看看代码最终效果

利用阿里巴巴图片外链来制作免费图床,阿里巴巴图床

测试是正常上传完美无错的

阿里巴巴图床代码







许梦瑶免费图床-阿里巴巴稳定图片外链www.0du123.com






body{font-family:-apple-system,BlinkMacSystemFont,"SegoeUI",Roboto,"HelveticaNeue",Arial,'sans-serif';background:url(https://api.uomg.com/api/image.lofter?format=images);background-size:cover;}
@font-face{font-family:'webfont_2';
src:url('//at.alicdn.com/t/webfont_bar76uyhrpd.eot');/*IE9*/
src:url('//at.alicdn.com/t/webfont_bar76uyhrpd.eot?#iefix')format('embedded-opentype'),/*IE6-IE8*/
url('//at.alicdn.com/t/webfont_bar76uyhrpd.woff')format('woff'),/*chrome、firefox*/
url('//at.alicdn.com/t/webfont_bar76uyhrpd.ttf')format('truetype'),/*chrome、firefox、opera、Safari,Android,iOS4.2+*/
url('//at.alicdn.com/t/webfont_bar76uyhrpd.svg#思源黑体-极细')format('svg');/*iOS4.1-*/
}
.text-center{text-align:center;}
.text-white{color:#FFF;}
.header,.footer{margin:30px;color:#fff;}
.title1{font-size:20px;}
.title2{font-size:24px;font-family:"webfont_2"!important;}
.jumbotron{margin:auto;text-align:center;background-color:rgba(255,255,255,.3);}
.jumbotroninput[type=file]{opacity:0;width:102px;height:31px;position:absolute;display:inline-block;}
.preview{color:#fff;}
.previewimg{max-width:10%;}
.previewp{word-break:break-all;word-wrap:break-word;font-size:13px!important;}
.form-control:focus{background-color:rgba(255,255,255,.3);}



©许梦瑶免费图床

阿里巴巴图片外链服务稳定不掉线免费使用

许梦瑶 选择本地图片 上传远程图片


温馨提示:本站不存储且无权管理上传的图源,图源均存放在新浪服务器,切勿上传违反法规图源,否则后果自负。
©2019Poweredby许梦瑶.
上传远程图片

请在下方输入远程图片地址~每行一个~

关闭 提交
varurl='https://api.uomg.com/api/image.ali'; $(document).ready(function(){ $("input[type='file']").change(function(e){ file_upload(this.files) }); varobj=$('body'); obj.on('dragenter',function(e){ e.stopPropagation(); e.preventDefault() }); obj.on('dragover',function(e){ e.stopPropagation(); e.preventDefault() }); obj.on('drop',function(e){ e.preventDefault(); file_upload(e.originalEvent.dataTransfer.files) }); }); functionfile_upload(files){ if(files.length==0)returnalert('请选择图片文件!'); for(varj=0,len=files.length;j<len;j++){ console.log(files[j]); letimageData=newFormData(); imageData.append("file",'multipart'); imageData.append("Filedata",files[j]); $.ajax({ url:url, type:'POST', data:imageData, cache:false, contentType:false, processData:false, dataType:'json', //图片上传成功 success:function(result){ if(result.code==1){ $('.preview').append('
'+result.imgurl+'
'); }else{ layer.msg('第'+j+'个图片上传失败'); } }, //图片上传失败 error:function(){ console.log('图片上传失败'); } }); } } functionurl_upload(){ varurls=$('#urls').val(); if(urls==false)returnalert('请输入图片链接!'); varUrlArr=urls.split("n"); $('#url_upload_model').modal('hide'); for(varj=0,len=UrlArr.length;j<len;j++){ console.log(UrlArr[j]); $.getJSON(url,{imgurl:UrlArr[j]},function(result,textStatus){ if(result.code==1){ $('.preview').append('
'+result.imgurl+'
'); }else{ layer.msg('第'+j+'个图片上传失败'); } console.log(result); }); } }

以上代码大家可以根据要求自行修改。

相关专题

外链

外链

2020-11-08 227

外链专题聚合了权重关于网站外链相关的seo外链工具,包含外链发布全发软件,
网站外链优化教程等等.

ok,今天我就说到这里了,希望能帮到大家,看完了利用阿里巴巴图片外链来制作免费图床【最新推荐】还是不太懂?建议在阅读一遍。想要学习更多相关知识,可以收藏本站寂寞网哦!

本文发布者:站长老油条,不代表寂寞网立场,转载请注明出处:https://www.jimowang.com/p/8113.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 jimowangmail@126.com 举报,一经查实,本站将立刻删除。

(0)
上一篇 2022年10月1日 09:30
下一篇 2022年10月1日 09:36

相关推荐