File size: 1,265 Bytes
f0d6519 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | ---
title: 3. Parallel
layout: page
---
<input id="photos" type="file" multiple="">
<div id="results"></div>
<p><i>Thanks to Loreto Parisi for assistance with this implementation.</i></p>
<script>
async function get_pred(file) {
return new Promise(async resolve => {
const reader = new FileReader();
reader.onload = async () => {
data = JSON.stringify({ "data": [reader.result] })
post = { method: "POST", body: data, headers: { "Content-Type": "application/json" } }
const response = await fetch('https://hf.space/embed/jph00/pets/+/api/predict/', post)
const json = await response.json();
const prediction = json['data'][0]['confidences'][0];
const div = document.createElement('div');
div.innerHTML = `<img class="prediction" src="${reader.result}" width="300"> <p>${prediction['label']}</p>`
results.append(div);
return resolve(prediction)
}
reader.readAsDataURL(file);
})
}
photos.addEventListener('input', async () => {
results.innerHTML = "";
await Promise.allSettled([...photos.files].map(get_pred));
});
</script> |