[亲测]【缩狗图床】集成多个免费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" 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)
如需 WordPress 优化加速、二次开发、网站维护、企业网站建设托管等服务,可联系我购买付费服务:点此联系我 | 近期站内热门福利推荐:

:本文采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可, 转载请附上原文出处链接。
1、本站提供的源码不保证资源的完整性以及安全性,不附带任何技术服务!
2、本站提供的模板、软件工具等其他资源,均不包含技术服务,请大家谅解!
3、本站提供的资源仅供下载者参考学习,请勿用于任何商业用途,请24小时内删除!
4、如需商用,请购买正版,由于未及时购买正版发生的侵权行为,与本站无关。
5、本站部分资源存放于百度网盘或其他网盘中,请提前注册好百度网盘账号,下载安装百度网盘客户端或其他网盘客户端进行下载;
6、本站部分资源文件是经压缩后的,请下载后安装解压软件,推荐使用WinRAR和7-Zip解压软件。
7、如果本站提供的资源侵犯到了您的权益,请邮件联系: 1798582342@qq.com 进行处理!

文章版权及转载声明

作者:有趣本文地址:https://www.zyhao.net/16862.html最后更新时间为 2022年01月28日 星期五 0:42:40
文章转载或复制请以超链接形式并注明来源出处 有趣源码
声明:某些文章或资源具有时效性,若有 错误 或 所需下载资源 已失效,请联系客服QQ:11210980

有趣源码,优质资源分享网

常见问题
  • 本站所有资源版权均属于原作者所有,均只能用于参考学习,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,建议提前注册好百度网盘账号,使用百度网盘客户端下载
查看详情

相关文章