[亲测]【缩狗图床】集成多个免费CDN图床API接口 : GezCode源码站-专业源码源代码,抓包资源整站,互站源码,php源码,java源码,vue源码,游戏源码,直播源码,直播带货,合约源码,合约源码下载,娱乐彩,求购需求,源码出售,源码买卖,源码平台,整站源码下载!GezCode Source Station-Professional source code, package grabbing resources for the entire site, mutual source code, PHP source code, Java source code, Vue source code, game source code, live source code, live streaming with goods, contract source code, contract source code download, entertainment lottery, purchase demand, source code sales, source code trading, source code platform, whole site source code download! - GezCode源码站-专业源码源代码,抓包资源整站,互站源码,php源码,java源码,vue源码,游戏源码,直播源码,直播带货,合约源码,合约源码下载,娱乐彩,求购需求,源码出售,源码买卖,源码平台,整站源码下载!GezCode Source Station-Professional source code, package grabbing resources for the entire site, mutual source code, PHP source code, Java source code, Vue source code, game source code, live source code, live streaming with goods, contract source code, contract source code download, entertainment lottery, purchase demand, source code sales, source code trading, source code platform, whole site source code download!

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

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

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

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

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

弄一个免费主机就行,绑定域名使用即可[亲测]【缩狗图床】集成多个免费CDN图床API接口

 

 

 

<!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" rel="external nofollow" >
<link href="https://pic.suo.dog/css/font-awesome.css" rel="external nofollow"  rel="stylesheet">
<link href="https://pic.suo.dog/css/jumbotron-narrow.css" rel="external nofollow"  rel="stylesheet">
<link href="https://pic.suo.dog/css/style.css" rel="external nofollow"  rel="external nofollow"  rel="stylesheet">
<link href="https://pic.suo.dog/css/style.css" rel="external nofollow"  rel="external nofollow"  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#" rel="external nofollow"  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>

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开/商品支付,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

可以

常见问题

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

我们将24小时内回复。
取消
[亲测]【缩狗图床】集成多个免费CDN图床API接口-海报

分享本文封面