提供的公益接口服务,零盈利,为了长久、稳定的发展,认准新野API!
中国邮政图床接口,图片大小限制2MB
接口地址: https://api.xinyew.cn/api/psbctc
返回格式: JSON
请求方式: POST/GET
请求示例: https://api.xinyew.cn/api/psbctc
请求参数说明:
名称 | 必填 | 类型 | 说明 |
---|---|---|---|
file | 是 | 文件 | 上传的图片文件,字段名为 file。 |
返回参数说明:
名称 | 类型 | 说明 |
---|---|---|
errno | int | 错误码,0 表示成功,1 表示失败。 |
message | string | 错误或成功的信息描述。成功时为空字符串。 |
data | object | 返回的数据,成功时包含文件的 URL 和文件名,失败时为 null。具体字段如下: |
data.url | string | 上传文件的完整 URL 地址。返回的文件存储地址。 |
data.imgFile | string | 上传的文件名。包含文件的原始文件名。 |
返回示例:
{ "errno": 0, "message": "", "data": { "url": "https://95580.psbc.com:9098/upload/28/ec79248a467e28890866d1cf321ef83eb0c5fe20.jpg", "imgFile": "新野API.png" } }
错误码格式说明:
名称 | 类型 | 说明 |
---|---|---|
1 | int | 未检测到文件上传 |
2 | int | 文件无效,请重新上传 |
3 | int | 文件大小不能超过2MB |
4 | int | 文件上传失败 |
5 | int | 未找到图片链接 |
6 | int | cURL 错误: [错误详情] |
7 | int | 异常: [错误详情] |
8 | int | 请上传一个文件 |
message | string | 错误描述信息。成功时为空字符串;失败时为具体的错误信息说明。 |
代码示例:
<!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" enctype="multipart/form-data">
<label for="file">选择文件:</label>
<input type="file" id="file" name="file" required><br><br>
<button type="submit">上传图片</button>
</form>
<h3>上传结果:</h3>
<div id="result"></div>
<script>
document.getElementById('uploadForm').addEventListener('submit', function(event) {
event.preventDefault();
const formData = new FormData();
const fileInput = document.getElementById('file');
formData.append('file', fileInput.files[0]);
fetch('https://api.xinyew.cn/api/psbctc', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
if (data.errno === 0) {
const resultDiv = document.getElementById('result');
resultDiv.innerHTML = `
<p>图片上传成功!</p>
<p>文件名: ${data.data.imgFile}</p>
<p>图片 URL: <a href="${data.data.url}" target="_blank">${data.data.url}</a></p>
`;
} else {
document.getElementById('result').innerHTML = `<p>上传失败: ${data.message}</p>`;
}
})
.catch(error => {
document.getElementById('result').innerHTML = `<p>发生错误: ${error}</p>`;
});
});
</script>
</body>
</html>