Récupérer une image depuis la vue vers le controlleur.

Bonjour,

Je débute avec les application MVC (en fait, je débute avec le WEB tout cours ...)
J'ai commencer à écrire une application avec login / consultation d'information d'une de mes application WIN.
Après quelques difficultés, j'ai (je pense) réussi à maitriser la bète et ça fonctionne.
Ça se corse maintenant, je veux créer une page web (via MVC et razor) permettant de signer un rapport disponible dans mon application lourde.

J'ai donc créer un controlleur et la vue nécessaire.
Au niveau du controlleur j'ai un @Modeltype avec deux paramètres un string, et un byte[]
Le string est correctement renseigner depuis un @html.Textboxfor ...

Le problème se situ au niveau de la signature que je récupère grace a ces scripts ...

@Section Scripts
<style>
p {
margin: 0.515em 0 0;
padding: 0 6px;
}
</style>
<link href="~/signature/assets/jquery.signaturepad.css" rel="stylesheet">
<!--[if lt IE 9]><script src="../assets/flashcanvas.js"></script><![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="~/signature/jquery.signaturepad.js"></script>
<script src="~/signature/examples/sample-signature-output.js"></script>
<script src="~/signature/assets/json2.min.js"></script>
End Section

Qui apparraissent sur la page via un iframe ...

<iframe src="~/signature/examples/full-window.html" class="signature"></iframe>

Je voudrais récupérer les informations lors de mon submit .....
Et là, je sèche !

J'espère avoir été clair.

Si j'ai bien compris il te manque un champs de ce style :

Code:

---

<input type="hidden" value="mesbytes" name="@Html.NameFor(monObject.monChamp)" />

---

Lors d'un post tu ne récupère en gros que les "input" inclus dans un form.

Le post ne récupère pas un iframe, à toi de créér cet input en js.

Merci pour la réponse :)

C'est là que le tag débutant prends tout son son sens!

Comment je créer cet input pour le récupérer par le post ?

Citation:

---

Envoyé par oasix

Si j'ai bien compris il te manque un champs de ce style :

Code:

---

<input type="hidden" value="mesbytes" name="@Html.NameFor(monObject.monChamp)" />

---

Lors d'un post tu ne récupère en gros que les "input" inclus dans un form.

Le post ne récupère pas un iframe, à toi de créér cet input en js.

---

Tu crée ça

Code:

---

<input type="hidden" value="mesbytes" name="@Html.NameFor(monObject.monChamp)" />

---

au moment de l'affichage (GET) de la page.


Tu met à jour la value avec jquery.

Tu peux maintenant POST le champs sera retrouvé

Merci :)
J'avance petit à petit ....
J'ai ajouté le input hidden et c'est bien la valeur par défaut que j'obtiens au niveau du controlleur.

Mais maintenant j'ai un autre souci.

J'essaye de mettre à jour la valeur de cet input avant de soumettre le formulaire,
j'ai donc ajouter un button, que je gère avec une fonction JS.
Juque là, j'y suis arrivé,
j'essayes a ce moment de mettre à jour la valeur.
Mais cela laisse toujours la valeur par défaut renseigner

Code:

---

<input type="hidden" value="imgbytes" name="@Html.NameFor(Function(m) m.Signature)" />

---

donc ici imgbytes.

Voici la fonction qui est censé récupéré les informations depuis la iframe et les mettre dans la valeur ....

Code:

---

1 2 3 4 5 6 7 8 9

$("#envoi").click(function () { $('iframe').contents().find('#envoi').click(); $('<input>').attr({ type: 'hidden', name: '@Html.NameFor(Function(m) m.Signature)', value: ($('iframe').contents().find('#image').val()) }); $('form').submit(); })

---

Mais, même si je met explicitement une valeur 'Bonjour' par exemple, j'ai toujours imgbytes

Merci pour ton aide ! :)

Je m'autoréponds ...

Fallait faire simple ...
J'ai trouvé le document.getElementById('iframeInfo').value ...

Me reste plus qu'a récupérer l'information correct depuis le iframe.

Il y a une sorte d'espion express (Maj+F9) possible avec JS ?

Code:

---

document.getElementById('iframeInfo').value

---

s'écrit aussi avec JQuery

Code:

---

$("#iframeInfo").val("maValeurIci")

---

pour l'espion je connais pas bien, utilise des console.log("valeur") et tu vera un retour console...

Je clos le sujet,

J'ai retourné le truc, et comme bien souvent.
Le plus simple c'est le mieux :)

Code:

---

1 2 3 4 5 6

$("#envoi").click(function () { $('iframe').contents().find('#envoi').click(); document.getElementById('iframeInfo').value = $("#image").val() $('form').submit(); })

---

Merci pour les réponses :)

Re bonjour,

Un autre souci est apparu,
en effet, la solution ci dessous fonctionne nickel ....
Sauf qu'en testant, avec tout les périphérique c'est OK,
à l'exception des appareils IOS (que 80% de mes collègues utilisent ....)
Dans le cas d'IOS, la frame croit en largeur indéfiniment dès le chargement de l'iframe ...
Même si le retour st correct, la solution est ineviseagble dans l'état.

J'ai donc remplacer l'Iframe, par

Code:

---

1 2	<object id="sigframe" data="~/signature/full-window.html" width="300" height="150" type="text/html"></object>

---

La j'ai un rendu correct sur tout ...
Mais ....

Code:

---

1 2 3 4 5 6

$("#envoi").click(function () { $('sigframe').contents().find('#envoi').click(); document.getElementById('iframeInfo').value = $("#image").val() $('form').submit(); })

---

ne me renvoi plus les informations .... :(