[亲测]【缩狗图床】集成多个免费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>

RIPRO主题是一个优秀的主题，极致后台体验，无插件，集成会员系统
否条资源网 » [亲测]【缩狗图床】集成多个免费CDN图床API接口

一只小可耐 VIP

分享到：

2024 年 7 月
一	二	三	四	五	六	日
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

一只小可耐 VIP

相关推荐

提供最优质的资源集合

工作时间