新野API - 360图床

API文档
错误码参照
示例代码

接口地址： 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>



    <style>

        /* 简单的样式美化 */

        body { font-family: sans-serif; padding: 20px; }

        #message { margin-top: 20px; padding: 10px; border-radius: 4px; }

        .success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }

        .error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

        img { max-width: 100%; height: auto; margin-top: 10px; border-radius: 4px; border: 1px solid #ddd; }

    </style>



</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); // 获取表单数据

            

            // 可以在上传时显示加载提示

            var msgDiv = document.getElementById('message');

            msgDiv.innerHTML = '正在上传...';







            fetch('https://api.xinyew.cn/api/360tc', {



                method: 'POST',



                body: formData



            })



            .then(response => response.json())



            .then(data => {



                // 清空之前的样式

                msgDiv.className = ''; 



                // 1. 判断 errno 是否为 0 (0代表成功)

                if (data.errno === 0) {

                    

                    // 2. 获取返回的数据

                    var imgUrl = data.data.url;

                    var fileName = data.data.imgFile;



                    // 3. 构建成功的提示信息 (包含图片预览和链接)

                    msgDiv.innerHTML = `

                        <p><strong>上传成功！</strong></p>

                        <p>文件名: ${fileName}</p>

                        <p>图片链接: <a href="${imgUrl}" target="_blank">${imgUrl}</a></p>

                        <img src="${imgUrl}" alt="预览图" />

                    `;

                    msgDiv.classList.add('success');



                } else {



                    // 4. 处理失败情况

                    // 错误信息通常在 data.error 中，如果为空则显示默认提示

                    var errorMsg = data.error || '未知错误';

                    

                    msgDiv.textContent = '上传失败: ' + errorMsg;

                    msgDiv.classList.add('error');



                }



            })



            .catch(error => {



                msgDiv.className = 'error';

                msgDiv.textContent = '上传时发生网络错误: ' + error.message;



            });



        });



    </script>



</body>



</html>