11484 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai une page Web sur laquelle je peux glisser & déposer des images en niveaux de gris.
Les images sont affichées en prévisualisation dans la page.
Un bouton permet ensuite d'appeler une API REST pour effectuer un traitement sur mes images.
J'utilise l'API Fetch pour faire le POST vers l'API REST.
Seulement, mon API REST attend en corps de requête un tableau de float32 sous forme d' "application/octet-stream".

Comment transformer le contenu de mon image (data:image/png;base64:....) vers un tableau de float32 , puis mettre cela en byte dans le corps de ma requête ?

Pour chaque pixel de l'image, il y a une intensité et la valeur float32 correspond à cette intensité, normalisée entre 0 et 1 (un *1/255. à utiliser dans la conversion).

J'ai du mal à passer de la source de l'image (data:image/png;base64:....) à un Float32Array.

Une idée ?

Merci d'avance.