Objet Image to String

Version imprimable

19/02/2011, 18h38
dauhik

Objet Image to String

Bonjour à tous!
Je planche là-dessus depuis des heures... donc je me suis inscrit sur ce forum en espérant qu'une bonne âme puisse m'aiguiller ^^

J'ai un objet image (javascript) créé en javascript.
Si je clique droit et sauvegarde sous, j'ai bien accès au contenu (en enregistrant sous .txt), par contre, je n'arrive pas à accéder à ce contenu en texte directement en javascript.

La méthode toString() ne semble pas marcher avec les objets image... ou je m'y prends mal.

Toute technique est bonne à prendre, tant que je peux avoir accès au contenu (text) de l'image sans avoir à la sauvegarder sur ma bécane.

J'ai pensé à uploader l'image sur mon serveur (via ajax) mais le souci c'est que je ne sais pas comment envoyer un objet javascript...

Merci d'avance pour toute réponse constructive !!
20/02/2011, 18h06
SpaceFrog

objet image ?

tu veux dire le data binaire de l'image ??
20/02/2011, 20h09
dauhik

binaire, hexa... n'importe quoi mais exploitable :)
21/02/2011, 02h20
Willpower

Effectivement, je pense qu'il n'y à pas de solution javascript.

Tu n'as pas accès au data de l'image donc effectivement réclamer au serveur le binaire en lui passant l'url d'une image.

Url qui s'obtient avec l'attribut .src de ton image :
Mon_image.src
21/02/2011, 02h33
dauhik

Oui mais voilà; je ne veux vraiment pas utiliser l'url de l'image, je veux vraiment utiliser l'image chargée par le navigateur. Pour des raisons techniques évidemment. Mon objectif n'est pas d'enregistrer un jpg ;-)

Je me demandais s'il était possible d'injecter un objet image dans un input file, de valider le formulaire automatiquement (ajax, sans recharger la page) et de récupérer l'image via POST...
21/02/2011, 03h12
Willpower

Citation:

Envoyé par dauhik

Oui mais voilà; je ne veux vraiment pas utiliser l'url de l'image, je veux vraiment utiliser l'image chargée par le navigateur. Pour des raisons techniques évidemment. Mon objectif n'est pas d'enregistrer un jpg ;-)

Je me demandais s'il était possible d'injecter un objet image dans un input file, de valider le formulaire automatiquement (ajax, sans recharger la page) et de récupérer l'image via POST...

Lorsque l'image est envoyé au serveur après validation du form via ajax, il suffit que ton serveur te renvoie le data de l'image plutot qu'un booléen ou une url.

Où se situe ton problème exactement ?

Edit: je n'avais jamais utilisé ajax pour valider un form avec fichier. Je viens de lire que ça n'existe pas. Ou plutot que ça se fait via iframe cachée.

Mais le principe est le même, ton form dans ton iframe renvoie une page avec le data de ton image. Une fois cette page chargée, il te suffit de récupérer le data dans ton iframe.
21/02/2011, 05h51
dukej

Citation:

Envoyé par dauhik

Bonjour à tous!
Je planche là-dessus depuis des heures... donc je me suis inscrit sur ce forum en espérant qu'une bonne âme puisse m'aiguiller ^^

J'ai un objet image (javascript) créé en javascript.
Si je clique droit et sauvegarde sous, j'ai bien accès au contenu (en enregistrant sous .txt), par contre, je n'arrive pas à accéder à ce contenu en texte directement en javascript.

La méthode toString() ne semble pas marcher avec les objets image... ou je m'y prends mal.

Toute technique est bonne à prendre, tant que je peux avoir accès au contenu (text) de l'image sans avoir à la sauvegarder sur ma bécane.

J'ai pensé à uploader l'image sur mon serveur (via ajax) mais le souci c'est que je ne sais pas comment envoyer un objet javascript...

Merci d'avance pour toute réponse constructive !!

Tu veux faire quoi exactement ?
Quel est ton intérêt à récupérer la data en version "String" de ton image ?
La seule solution sera d'avoir ça sous la main en base64. Mais uploader une telle quantité d'informations, je crois que l'ajax est limité. Ensuite si c'est pour faire un "upload" façon ajax, tu as des outils assez bien foutus comme SWFupload.
21/02/2011, 08h27
SpaceFrog

a part mettre le base64 dans un textarea pour le passer au serveur, ma question est comment récupérer le base64 ... javascript seul ne te sera pas d'un grand secours.
Sur des navigateurs modernes il y aurait une possibilité en passant par la balise canvas ...
21/02/2011, 08h39
Bovino

Oui, il est possible "d'injecter" du base64 dans le src d'une balise img, mais pas le récupérer...
Ceci dit, j'ai du mal à voir l'intérêt :koi:
Tu veux demander à tes utilisateurs d'ajouter eux-même le base64 dans un élément de formulaire ? 8O (parce que dans un input file, n'en rêve même pas)
21/02/2011, 10h09
dauhik

Merci pour vos réponses :-)

J'avais vu la piste du base64... mais celle-ci ne permet que de créer une image à la volée (un peu comme on ferait en PHP) en "injectant" le data de l'image dans le src de l'image.

Ma problématique est bien la suivante: avoir accès au data d'une image chargée côté client (url de l'image "cross domain").

Ce que je cherche à faire avec ça, c'est un parser HTML Cross Domain côté client (chose qui n'existe pas actuellement, ou alors je n'ai pas bien cherché).

Je suis en train d'étudier toutes les pistes parce que je suis confronté à un problème de taille: je dois absolument générer un <form> html dont la cible est sur un serveur ASP utilisant "__VIEWSTATE"; et le seul moyen que je pense avoir trouvé, c'est d'appeler une page sur ce serveur (côté client pour que la valeur du viewstate corresponde à l'IP de l'internaute), parser l'HTML pour récupérer la valeur de l'input "__VIEWSTATE" et le réinjecter dans mon petit formulaire HTML.

Voilà, comme ça j'ai vraiment tout exposé, et bien entendu si quelqu'un a une autre idée que mon foutu <img src="url_serveur_asp"> (qui avec le clic droit > enregistrer sous .txt me permet réellement d'accéder au code HTML de la page)... je suis toute ouïe !! :mouarf:
21/02/2011, 10h14
SpaceFrog

Je ne pense pas que ce soit réalisable coté client.
Il te faudrait pouvoir envoyer l'url de l'image au serveur mais le crossdomain risque de compliquer la chose.
Une fois le serveur en possession de l'url tu pourras récupérer le contenu.
21/02/2011, 10h25
dauhik

Côté serveur le souci; j'ai essayé un parsing de base avec curl, je récupère le viewstate (pas de problème de cross domain), mais quand j'utilise celui-ci dans le formulaire html et que je valide le formulaire, j'ai une belle erreur (due au viewstate).

Si j'essaie de charger une page sur le serveur distant depuis mon navigateur, que j'affiche la source, récupère le viewstate et l'insère manuellement dans mon form html, le post fonctionne correctement.

Je pense que le viewstate est configuré sur ce serveur pour comporter entre autres choses l'IP de la machine qui appelle la page. Donc je dois absolument réaliser le parsing depuis la machine de l'internaute et pas depuis mon serveur.

Passer par du flash, un applet java est possible puisque je ne cherche pas à faire ça à l'insu de l'internaute, au contraire. Par contre je ne sais pas si c'est possible, et je ne sais pas développer d'applet ou de flash.