最新公告
  • 欢迎您光临剑来源码,购买独家源码,请前往销售大厅!立即加入我们
  • [亲测]【缩狗图床】集成多个免费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">
    <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>

     

    剑来源码专注于网络资源分享,百度搜索:剑来源码。
    剑来源码 » [亲测]【缩狗图床】集成多个免费CDN图床API接口

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    剑来源码
    专注为开发人员提供建站资源

    发表评论

    升级SVIP尊享更多特权立即升级