Displaying MAgickWand modified images from POST
Posted: 2009-03-03T01:28:09-07:00
Hi,
I have a form which uses a JQUery POST command to submit the form contents to a PHP script. This works fine, but the PHP script is then supposed to be displayed on the page as an image (Using Image Magick/ Magick Wand). The problem is that when I post, I cannot get the new image to display with the updated form fields. For instance, if the user types "Hello" into a box, this should be written onto the image that is posted back to the screen (I want the POST just to update the image embedded on the page and nothing else).
Here is the JQuery I am using to read the form, and pass the configurable data over to PHP:
<script>
$(document).submit(function(){
var formTypes=new Array("cCOCR","cGR","fTIndex");
var values=new Array(formTypes.length);
var x=0;
var z =0;
for(var i=0; i<formTypes.length; ++i)
{
var input= $("input[name^=" + formTypes + "]");
values="";
for (x=0; x<input.length; x++)
{
var formval=$("input[name^=" + formTypes + x + "]").val();
values=values+escape(formval);
if (i ==2)
{
values=values+"!";
}
}
}
var cCOCR = values[0].replace(/#/g,"@");
var cGR = values[1].replace(/#/g,"@");
var fT = values[2];
$.post("render/imgEditNEW.php", { cCOCR: cCOCR,
cGR: cGR, fT: fT}, function(data) {
$("#status p").html("<IMG SRC='render/imgEditNEW.php'>");
});
return false;
});
</script>
$("#status p").html("<IMG SRC='render/imgEditNEW.php'>"); That is where I am trying to pass back the edited image, but all I get is the original image posted again. if I submit the form and just have it return text instead of an image, it works fine. (i.e. using $("#status p").html(data); )
But of couse if I use this, I get the text version of the PHP blob returned, as it is not enclosed in img tags.
Any ideas please?
Thanks
I have a form which uses a JQUery POST command to submit the form contents to a PHP script. This works fine, but the PHP script is then supposed to be displayed on the page as an image (Using Image Magick/ Magick Wand). The problem is that when I post, I cannot get the new image to display with the updated form fields. For instance, if the user types "Hello" into a box, this should be written onto the image that is posted back to the screen (I want the POST just to update the image embedded on the page and nothing else).
Here is the JQuery I am using to read the form, and pass the configurable data over to PHP:
<script>
$(document).submit(function(){
var formTypes=new Array("cCOCR","cGR","fTIndex");
var values=new Array(formTypes.length);
var x=0;
var z =0;
for(var i=0; i<formTypes.length; ++i)
{
var input= $("input[name^=" + formTypes + "]");
values="";
for (x=0; x<input.length; x++)
{
var formval=$("input[name^=" + formTypes + x + "]").val();
values=values+escape(formval);
if (i ==2)
{
values=values+"!";
}
}
}
var cCOCR = values[0].replace(/#/g,"@");
var cGR = values[1].replace(/#/g,"@");
var fT = values[2];
$.post("render/imgEditNEW.php", { cCOCR: cCOCR,
cGR: cGR, fT: fT}, function(data) {
$("#status p").html("<IMG SRC='render/imgEditNEW.php'>");
});
return false;
});
</script>
$("#status p").html("<IMG SRC='render/imgEditNEW.php'>"); That is where I am trying to pass back the edited image, but all I get is the original image posted again. if I submit the form and just have it return text instead of an image, it works fine. (i.e. using $("#status p").html(data); )
But of couse if I use this, I get the text version of the PHP blob returned, as it is not enclosed in img tags.
Any ideas please?
Thanks