- 掃描 ID:
- 0b2bcd04-5616-4577-9d15-671452b76a2f已完成
- 已提交的 URL:
- https://image.adysec.com/
- 報告完成時間:
連結 · 找到 0 個
從頁面中識別的傳出連結
JavaScript 變數 · 找到 5 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數,可從目前範圍內程式碼中的任何位置存取
名稱 | 類型 |
---|---|
0 | string |
onbeforetoggle | string |
documentPictureInPicture | string |
onscrollend | string |
__cfBeacon | string |
主控台記錄訊息 · 找到 0 條
記錄到 Web 主控台的訊息
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="zh"><head>
<meta charset="UTF-8">
<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.oaistatic.com/_next/static/media/favicon-32x32.630a2b99.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AdySec 图像识别</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
color: #333;
}
h1 {
margin-bottom: 20px;
color: #4CAF50;
}
form {
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
width: 600px; /* 增加宽度 */
max-width: 95%; /* 增加最大宽度 */
}
label {
margin-bottom: 8px;
font-weight: bold;
}
input {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
}
button {
background-color: #4CAF50;
color: white;
padding: 10px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
button:hover {
background-color: #45a049;
}
.message {
margin: 10px 0;
font-size: 14px;
color: #555;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
table, th, td {
border: 1px solid #ddd;
}
th, td {
padding: 12px;
text-align: left;
}
th {
background-color: #4CAF50;
color: white;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
#result {
width: 600px; /* 增加宽度 */
max-width: 95%; /* 增加最大宽度 */
overflow-x: auto;
margin-top: 20px;
}
</style>
</head>
<body>
<h1>AdySec 图像识别</h1>
<form id="image-form">
<label for="imageUrl">图片 URL:(如 https://cataas.com/cat)</label>
<input type="text" id="imageUrl" name="imageUrl" placeholder="请输入图片 URL" required="">
<button type="submit">提交</button>
<div id="form-message" class="message"></div>
</form>
<div id="result"></div>
<script>
document.getElementById('image-form').addEventListener('submit', async (event) => {
event.preventDefault();
const imageUrl = document.getElementById('imageUrl').value;
const formMessage = document.getElementById('form-message');
const resultDiv = document.getElementById('result');
formMessage.textContent = '正在处理...';
resultDiv.innerHTML = ''; // 清除之前的结果
// 发送 POST 请求
try {
const response = await fetch('/', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ imageUrl })
});
if (!response.ok) {
throw new Error('网络响应不正常');
}
const data = await response.json();
const responseArray = data.response;
// 创建表格
let tableHtml = '<table><thead><tr><th>标签</th><th>概率 (%)</th></tr></thead><tbody>';
responseArray.forEach(item => {
tableHtml += `<tr><td>${item.label}</td><td>${(item.score * 100).toFixed(2)}%</td></tr>`;
});
tableHtml += '</tbody></table>';
resultDiv.innerHTML = tableHtml;
formMessage.textContent = '识别结果:';
} catch (error) {
resultDiv.innerHTML = '<p>错误: ' + error.message + '</p>';
formMessage.textContent = '发生错误,请重试。';
}
});
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8c5e0902a82f384a',t:'MTcyNjc5NTY2OC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{"rayId":"8c5e0902a82f384a","version":"2024.8.0","r":1,"serverTiming":{"name":{"cfExtPri":true,"cfL4":true}},"token":"c15e2635b2bc4852bef7bda291a02d25","b":1}" crossorigin="anonymous"></script>
</body></html>