[亲测]【缩狗图床】集成多个免费CDN图床API接口

【缩狗图床】集成多个免费CDN图床API接口

包含: 阿里图床百度图床360图床淘宝图床SM.MS图床搜狐图床京东图床

源码可以本地打开,可上传至服务器就能使用

图床网站大家应该都熟悉,就是便于我们上传图片,然后获取图片外链B M A m的地址。

弄一个免费主机就行,绑定域名使用即可

 

 

 

<!DOCTYPE html>
<html lang="zh-` N W D ?cn"><head><meta http-eqJ 8 # ) uiv="Content-Type" conte? % M g Ant="text/html; char R 1  w Srset=UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>缩3 e $ d D i l E狗图床 | 免费图床_微博图床_阿里图床_淘宝图床 - 5G云源码分享网| E s !</title>
<meta name="description" content="缩狗图床永久免费图床,支出图床API合作,支持批量上传,即时预览,不限制流量,不w W s +限制外链数,永久保存,微博图片服务器,全网CDN图床,高速稳T F } P g h ]定,支持网页、手机上传,无需插件。支持JPG, GIF, PNG等文件格式。微博图床,围脖是个好图床。">
<meta name="keywords" content="缩狗图床,图床API) p I P r f,图q  F % C K ( r a床,免费图床,微博图床,淘宝免费图床,淘宝图床,围脖是个好图床,围脖图床,网络图片,图片库,相g E } * R Y n册,网络相册">
<link rel="stylesheet" href="https://pic.suo.dog/css/bootstrap.min.css">
<link href="https://pic.suo.dog/css/font-awesome.css" rel="stylesheet">
<link href="https://pic.suo.dog/css/jumbotron-narrow.css" rel="stylesheet">
<li4 c A C 0 D  }nk href="https://pic.suo.dog/css/style.css" rel="stylesheet">
<link href="https:w I ? 8 !  L//pic.suo.dog/css/styl? X , V : y 9 (e.css" rel="stylesheet">
<script sr+ . }c=@ G w T } ^"https://apps.bdimg.com/libs/jquS B Z 8ery/1.10.2/jq` { yuery.min.js"></i W & = r t 7 Dsq l 3 x ; . a | 3cript>
<style>
b) ; ,  l ody {
    background: #105cf g p ) f v9a url(https://ae01.alicdn.com/kf/U01f5d06/ f + i G G O o00dd145eca0722c71ffebfe75C.png) reper _ r Jat-x scroll 0 -450px;
    overflow-y: scroll;
}
<6 z , Y B D @;/style>
</he* 1 + 9 Jad>
<body style="">
	<div clasa m z p As="container">
		<div class="header">
			<h2>
				缩狗图床
				<small class=1 x f % q"text-muted hid* t q 7den-xs">k U x  @ e * -免费CDN图床 不限流量 无限外链  永久免费</small>
			</h2>
		</div>
		<d/ ? L H / 8 ) iv class="jumbotron">
			&7 * g G W %  x !lt;p class="lead">
				可以直接拖拽图片上传~<br>也支持批量上传哦~
			</p>
     		
			<div class="mselector"+ M p 4 n>
				<input type="file" accept="image/*" multiple="">
				<bB d 6 Q s F g k (utton tn 0 $ { Q | Dype="button" class=s { ] . ^"btn btn-lg btn-info">选择本地图片</button>
				<div class="bodyer">
					<label><input name="keke" checked="checked" type="radioY L  5 X" value="1688">阿里图床</label>
					<label><inpu, * [ T ^ . C ^ Ht name="keke" type="radio" value="tieba">百度图床</label>
					<la8 6 Nbel><input name=K L : G y e"p C W 1 + R skeke"a g v type="rad1 C A v 5 B Z 8 cio" value="360">360图床</label>
					<label><input name="keke" type="radio" value="taobao">淘宝图床</label>
					<labeD  ? ql><input name="keke" type="radio" value="smms">SM.MS图床</label&g} ? y N : Z 1 x Wt;
					<label><input name="keke" type="radio" value="sohu">搜狐图床</label>
					&+ P | ; Z n ylt;label><input name="keke" type="radio" valueR 2 R X  [ Z x="jd">京东图床</label>
				</div>
			</div>n w 9 + L G | b P
			
			
			
			<hr>
			
			<textarea id="url-res-txt" clas, g u n , js="form-control" rows="5" placeholder="上传后的图片外链地址将显示在此处哦、下方_ H q r &会同时显示外链地址和预览图。"></textarea>
     		
     		<!-- 图片预览 -->
			<div class="preview">
				<br><hr&g` 5 f } K  bt;
			</div>
		</div>
		<div class="footer">
			<p>Copy) t N B 1 S V Qright&nbsp;&nbsp;suo.dog <a href="https://suo.dog/tc.html#" target="_blank">苏ICP备14036269号-1</a>&nbsp;本站不做任何上传- , O 1 L D的图片保存,且上传后无法删除。e Y ? t ] o 1 (请自行斟酌使用</p>
			<p>&;</p>
		</div>
	</div>
	<script type="text/j8 r 5  &avascript">
		$(document).ready(z i # O cfunctionR  w u F() {
			
			$- * ; a c P(C h s V c s , n 1'.picurl > iN - ! / Y a Znput').bind('focus mouseover', function() {
				if (this.value) {
					this.select()
				}
			});
			$("input[type& Y | F K E N c='file']").changw D c Me(function(k } 5 Y + _ _ J 4e) {
				imagesUpload(thV D h v Zis.files)
			});
			vK } & b j b ^ar obj = $('body');
			obj.on('dr2 = / r + G Vagenter', f+ % gun. R t { Oction(e) {
				e.stopw $ yPropagation();
				e.preventDefault()
			});
			obj.on('dragover', function(e) {
				e.stopPropagation();
				e.preveB I @ | V w V ,ntDefault()
			});
			obj.on('d @ B - k 5 Gdrop', function(e) {
				e.preventDefault();
				imagesUpload(e.originalEvent.dataTransfer.files)
			})
		});
		
		/**
	 	 * 普通图片( U W e `上传
		 */
		var imagesUpload = function(files) {
			a=$('input:rad` 1 4io:checked').val()u s I;
			var flag = 0;
			$('textarea').empty();
			$(files).each(function(key, value) {
				$('.mselector &g+ m q a Z | T pt; button')[0].innerHTML = '上传中';t l [ w K y C
				
				setTimeout(function() {
					uurrll = 'https://picy 8 ) Z 0 D.suod ! C m J c g *.dog/api/tc.php?type='+a+7 4 & 3 D `'&echo=imgurl'
					image_form = new FormData();
					image_form.append("file", value);
				
					$.ajax({
						urlM i _: uurrll,
						type: 'POST',
						data: image_form,
						contentType: false,
						cache: false,
						processData: false,
						async: false,
						success: function(data) {
							flag++;
							//var jsonData = JSON.stringify(data)
							if (typeof(data) == 'string'){
								imgurl = data
							} else {
								imgurl = data.imgurl
							}
							
							//alert(data)
							$('#up E S : 7rl-res-txt').append(imgurl + '\n');
							$('a 2 o D V.m; h F L l f Eselector > butR h c b ton')[0].innerHTML = '成功 ' + flag + '/' + files.le. V  F * ^ * hngth;
							
							// 生成预览图
							var apc = "<img src='" + imgurl + "' referreO F I arpolicy=\"no-referrer\" /><p>&nbsp;</p>";							
							$('.preview').css('display', 'block');
							$(".preview>hr").before(ap. Y B Q j ) (c)
							
							
							if (flag =F , O t R f 8= $("input[type='file']"* $ V)[0].files.length)d 6 O ? + k ] - {
								if (typeof imgurl != 'undefini Q Q ped') {
									$('.mselector > button')[0].innerHTw 2 m # $ Y Z O qML = '上传成功'
								} else {
									$('.mselector &V = U N : M Egt; button')[0].innerHTML = '上传失败';
									$('#url-res-txt').append(data.error_msg + '\n');
									alert(data.error_msg)
								}
							}
							
						},
						error: function(XMLResponse){
							alert("a j n B perror:" + XMLRc 6 m ,esponse.rD X 7 wesponseText);
						}
					});
					
				}, 100);
			})
		};
		
	</script5 + _ P g m>

</body># 1 * P (</html>

 

郑重声明:本网站属学习交流,非赢利性网站。在本网站的言论纯属发表者个人意见,与本网站立场无关。涉及侵权与政治言论一律删除,请所有会员注意。网站资源由会员从网上收集整理所得,版权属于原作者。网站所有资源是进行学习和研究测试之用,请在下载后24小时删除。本站出于学习和研究的目的提供平台供会员进行交流和讨论,如有侵犯原作者的版权,请来信告知,提供证明,我们将立即删除相关链接,谢谢合作!我们的邮件地址是: yuanmayu@163.com
源码鱼 » [亲测]【缩狗图床】集成多个免费CDN图床API接口

发表评论


×