上传sm图床 bootstrap fileinput插件结合sm图床实现上传功能

最新推荐文章于 2025-07-09 16:21:07 发布

原创

最新推荐文章于 2025-07-09 16:21:07 发布 · 2.1k 阅读

收录于

当前文章被以下社区和专栏收录：

本文提供SM图床API的详细使用指南，包括如何通过AJAX请求上传图片并获取JSON响应，以及使用fileinput插件结合SM图床API实现图片上传的完整示例。

sm图床官网

sm图床api文档

1.查看api文档

登陆官网可以直接查看详细的api文档，通过发送ajax请求返回给你json地址，然后就可以通过地址访问了。

2.上传的小demo

直接复制一面就可以实现上传功能。很简单。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="/https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
		<script>
			function uploads(){
				var file = $('#file')[0];
				var formData=new FormData();
				formData.append('smfile',file.files[0]);
				$.ajax({
					type:"post",
					dataType:"json",
					url : "https://sm.ms/api/upload",
					async:false,//异步  true 同步
					cache: false,//缓存 false的话会在url后面加一个时间缀，让它跑到服务器获取结果。
					contentType: false,//上传的时候必须要 
					processData: false,
					data:formData,
					success: function(data){
		            	console.log(data);
		            	$('#res').append("<img src='"+data.data.url+"'>");
			        }

标签