jQuery Forum

> I want all my ajax calls to run through the same ajax function
What "same" ajax function?

basically all ajax calls go through
$.ajax
{.....}
;
I made a function that gets passed all the parameters that I want in
the ajax call
oddly enough i can't get load to work right either i just get Array
returned

So you are trying to use jQuery's ".load
" functionality with an
actual image
i assume that your php sets the content type to image/
jpeg, image/gif, etc and writes out the actual binary image data
?
that's not going to work, as the ".load
" loads the result of the
Ajax call into the innerHtml of DOM object
I don't know though, you're talking "same function" but have posted
about three different functions so far, $.ajax, .load, and your custom
function.... but bottom line is, the $.ajax call which ultimately
gets called wouldn't be a replacement for <img src="your.php" />,
*unless* you wanted to use data url vales as image sources
like:
http://www.websiteoptimization.com/speed/tweak/inline-images/
, but
the problem with that, like almost all cool ideas like that link
shows, is it doesn't work with IE

> So you are trying to use jQuery's ".load
" functionality with an
> actual image
i assume that your php sets the content type to
image/
> jpeg, image/gif, etc and writes out the actual binary image
data
?
YES ! that is correct.
> that's not going to work, as the ".load
" loads the result of the
> Ajax call into the innerHtml of DOM object
I'm assuming thats why I get Array
> I don't know though, you're talking "same function" but have
posted
> about three different functions so far, $.ajax, .load, and your
custom
> function....
mmm sorry for the confusion
I wanted to see if i could just get it to work with load that's why I
mentioned it ..
> but bottom line is, the $.ajax call which ultimately
> gets called wouldn't be a replacement for <img src="your.php" />,
bummer 8 ^
> *unless* you wanted to use data url vales as image sources
like:http://www.websiteoptimization.com/speed/tweak/inline-images/
,
but
> the problem with that, like almost all cool ideas like that link
> shows, is it doesn't work with IE
neat concept but not doable trying to stick with ajax
Thanks for your help
Mean Mike

So, why can't you just create a new <img> node with a src attribute? It will automatically download the image in the background, much like with AJAX. Is the problem that you want to ensure that the image is fully downloaded before you try to display it? Have you tried $
imgTag
.ready
...
?Â
Don't know if that works or not, never tried it

This silly lines of code works (attention this is not efficient code)
well let's have securimage.php which borns a captcha image (with gb library of php). The Content-type of this file must be

1. header("Content-type: image/png");

Then we write this script

1. <?php
2. function data_uri($file, $mime)
3. { 
4.   $contents = file_get_contents($file);
5.   $base64   = base64_encode($contents);
6.   return ('data:' . $mime . ';base64,' . $base64);
7. }
8. ?>
9.  
10. <img src="<?php echo data_uri('http://localhost/php/securimage.php','image/png');?>"/>

And finally will do this

1. $.ajax({
2.             url: '../php/encode_securimage.php',
3.             dataType: 'html',
4.             cache: false,
5.             success: function (response) {
6.                 $(".usermessage").html(response);
7.             }
8.         });