提供的公益接口服务,零盈利,为了长久、稳定的发展,认准新野API!
360图床,一个图片文件即可轻松上传
接口地址: https://api.xinyew.cn/api/360tc
返回格式: JSON
请求方式: POST/GET
请求示例: http://api.xinyew.cn/api/360tc
请求参数说明:
名称 | 必填 | 类型 | 说明 |
---|---|---|---|
file | 是 | 文件 | 上传的图片文件,字段名为 file。 |
返回参数说明:
名称 | 类型 | 说明 |
---|---|---|
errno | 整数 | 错误码,0 表示成功,1 表示失败。 |
error | 字符串 | 错误信息,如果成功则为空字符串。失败时会包含具体的错误描述。 |
data | 对象或null | 成功时包含图片 URL 和文件名。失败时为 null。 |
data.url | 字符串 | 图片的 URL 地址,上传成功时返回的图片链接。 |
data.imgFile | 字符串 | 上传的文件名。 |
返回示例:
{ "errno": 0, "error": "", "data": { "url": "https://ps.ssl.qhimg.com/t02b1765be8c262ef28.jpg", "imgFile": "新野API.png" } }
错误码格式说明:
名称 | 类型 | 说明 |
---|---|---|
errno | 整数 | 失败 |
error | 字符串 | 未检测到文件上传 |
data | null | 失败则为 null,也就是无数据返回 |
代码示例:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文件上传</title>
</head>
<body>
<h2>上传文件</h2>
<form id="uploadForm">
<input type="file" name="file" required>
<button type="submit">上传</button>
</form>
<div id="message"></div>
<script>
document.getElementById('uploadForm').addEventListener('submit', function(event) {
event.preventDefault();
var formData = new FormData(this); // 获取表单数据
fetch('https://api.xinyew.cn/api/360tc', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
document.getElementById('message').textContent = data.success ? '文件上传成功!' : '上传失败: ' + data.message;
})
.catch(error => {
document.getElementById('message').textContent = '上传时发生错误: ' + error.message;
});
});
</script>
</body>
</html>