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

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

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

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

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

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

<!DOCTYPE html>
<html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>缩狗图床 | 免费图床_微博图床_阿里图床_淘宝图床 - 5G云源码分享网</title>
<meta name="description" content="缩狗图床永久免费图床，支出图床API合作，支持批量上传，即时预览，不限制流量，不限制外链数，永久保存，微博图片服务器，全网CDN图床，高速稳定,支持网页、手机上传，无需插件。支持JPG, GIF, PNG等文件格式。微博图床，围脖是个好图床。">
<meta name="keywords" content="缩狗图床,图床API,图床,免费图床,微博图床,淘宝免费图床,淘宝图床,围脖是个好图床,围脖图床,网络图片,图片库,相册,网络相册">
<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">
<link href="https://pic.suo.dog/css/style.css" rel="stylesheet">
<link href="https://pic.suo.dog/css/style.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<style>
body {
    background: #105c9a url(https://ae01.alicdn.com/kf/U01f5d0600dd145eca0722c71ffebfe75C.png) repeat-x scroll 0 -450px;
    overflow-y: scroll;
}
</style>
</head>
<body style="">
	<div class="container">
		<div class="header">
			<h2>
				缩狗图床
				<small class="text-muted hidden-xs">免费CDN图床 不限流量 无限外链  永久免费</small>
			</h2>
		</div>
		<div class="jumbotron">
			<p class="lead">
				可以直接拖拽图片上传~<br>也支持批量上传哦~
			</p>
     		
			<div class="mselector">
				<input type="file" accept="image/*" multiple="">
				<button type="button" class="btn btn-lg btn-info">选择本地图片</button>
				<div class="bodyer">
					<label><input name="keke" checked="checked" type="radio" value="1688">阿里图床</label>
					<label><input name="keke" type="radio" value="tieba">百度图床</label>
					<label><input name="keke" type="radio" value="360">360图床</label>
					<label><input name="keke" type="radio" value="taobao">淘宝图床</label>
					<label><input name="keke" type="radio" value="smms">SM.MS图床</label>
					<label><input name="keke" type="radio" value="sohu">搜狐图床</label>
					<label><input name="keke" type="radio" value="jd">京东图床</label>
				</div>
			</div>
			
			
			
			<hr>
			
			<textarea id="url-res-txt" class="form-control" rows="5" placeholder="上传后的图片外链地址将显示在此处哦、下方会同时显示外链地址和预览图。"></textarea>
     		
     		<!-- 图片预览 -->
			<div class="preview">
				<br><hr>
			</div>
		</div>
		<div class="footer">
			<p>Copyright&nbsp;©&nbsp;suo.dog <a href="https://suo.dog/tc.html#" target="_blank">苏ICP备14036269号-1</a>&nbsp;本站不做任何上传的图片保存，且上传后无法删除。请自行斟酌使用</p>
			<p>&;</p>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function() {
			
			$('.picurl > input').bind('focus mouseover', function() {
				if (this.value) {
					this.select()
				}
			});
			$("input[type='file']").change(function(e) {
				imagesUpload(this.files)
			});
			var obj = $('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();
				imagesUpload(e.originalEvent.dataTransfer.files)
			})
		});
		
		/**
	 	 * 普通图片上传
		 */
		var imagesUpload = function(files) {
			a=$('input:radio:checked').val();
			var flag = 0;
			$('textarea').empty();
			$(files).each(function(key, value) {
				$('.mselector > button')[0].innerHTML = '上传中';
				
				setTimeout(function() {
					uurrll = 'https://pic.suo.dog/api/tc.php?type='+a+'&echo=imgurl'
					image_form = new FormData();
					image_form.append("file", value);
				
					$.ajax({
						url: 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)
							$('#url-res-txt').append(imgurl + '\n');
							$('.mselector > button')[0].innerHTML = '成功 ' + flag + '/' + files.length;
							
							// 生成预览图
							var apc = "<img src='" + imgurl + "' referrerpolicy=\"no-referrer\" /><p>&nbsp;</p>";							
							$('.preview').css('display', 'block');
							$(".preview>hr").before(apc)
							
							
							if (flag == $("input[type='file']")[0].files.length) {
								if (typeof imgurl != 'undefined') {
									$('.mselector > button')[0].innerHTML = '上传成功'
								} else {
									$('.mselector > button')[0].innerHTML = '上传失败';
									$('#url-res-txt').append(data.error_msg + '\n');
									alert(data.error_msg)
								}
							}
							
						},
						error: function(XMLResponse){
							alert("error:" + XMLResponse.responseText);
						}
					});
					
				}, 100);
			})
		};
		
	</script>

</body></html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

<!DOCTYPE html>

<title>缩狗图床 | 免费图床_微博图床_阿里图床_淘宝图床 - 5G云源码分享网</title>

<style>

body {

background: #105c9a url(https://ae01.alicdn.com/kf/U01f5d0600dd145eca0722c71ffebfe75C.png) repeat-x scroll 0 -450px;

overflow-y: scroll;

}

</style>

</head>

<h2>

缩狗图床

<small class="text-muted hidden-xs">免费CDN图床不限流量无限外链永久免费</small>

</h2>

</div>

可以直接拖拽图片上传~<br>也支持批量上传哦~

</p>

<button type="button" class="btn btn-lg btn-info">选择本地图片</button>

</div>

<hr>

</div>

<p>Copyright © suo.dog <a href="https://suo.dog/tc.html#" target="_blank">苏ICP备14036269号-1</a> 本站不做任何上传的图片保存，且上传后无法删除。请自行斟酌使用</p>

</div>

$(document).ready(function() {

$('.picurl > input').bind('focus mouseover', function() {

if (this.value) {

this.select()

}

});

$("input[type='file']").change(function(e) {

imagesUpload(this.files)

});

var obj = $('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();

imagesUpload(e.originalEvent.dataTransfer.files)

})

});

/**

* 普通图片上传

var imagesUpload = function(files) {

a=$('input:radio:checked').val();

var flag = 0;

$('textarea').empty();

$(files).each(function(key, value) {

$('.mselector > button')[0].innerHTML = '上传中';

setTimeout(function() {

uurrll = 'https://pic.suo.dog/api/tc.php?type='+a+'&echo=imgurl'

image_form = new FormData();

image_form.append("file", value);

$.ajax({

url: 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)

$('#url-res-txt').append(imgurl + '\n');

$('.mselector > button')[0].innerHTML = '成功 ' + flag + '/' + files.length;

// 生成预览图

var apc = "<img src='" + imgurl + "' referrerpolicy=\"no-referrer\" /><p> </p>";

$('.preview').css('display', 'block');

$(".preview>hr").before(apc)

if (flag == $("input[type='file']")[0].files.length) {

if (typeof imgurl != 'undefined') {

$('.mselector > button')[0].innerHTML = '上传成功'

} else {

$('.mselector > button')[0].innerHTML = '上传失败';

$('#url-res-txt').append(data.error_msg + '\n');

alert(data.error_msg)

}

error: function(XMLResponse){

alert("error:" + XMLResponse.responseText);

}

});

}, 100);

})

};

</script>

</body></html>

1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途！
3. 分享目的仅供大家学习和交流，请不要用于商业用途！
4. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
5. 本站所有资源来源于站长上传和网络，如有侵权请邮件联系站长！
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等其他资源，不包含技术服务请大家谅解！
9. 如果你也有好源码或者教程，可以发布本站，分享有金币奖励和额外收入!
©️创享网络科技工作室- 您的云上资源网;优质源码+优质服务=成功!
创科资源平台 » [亲测]【缩狗图床】集成多个免费CDN图床API接口