【缩狗图床】集成多个免费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 © suo.dog <a href="https://suo.dog/tc.html#" target="_blank">苏ICP备14036269号-1</a> 本站不做任何上传的图片保存，且上传后无法删除。请自行斟酌使用</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> </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>
