Как мне загрузить изображение с помощью ajax / jquery?

Question

Мне нужно загрузить изображение, которое генерируется скриптом PHP. PHP-скрипт принимает трехмерный массив в качестве параметра и создает из него изображение. Как передать аргументы с помощью ajax? Как загрузить изображение?

Answer 1

Я сделал нечто подобное, но с использованием ASPX, а не PHP, я использовал параметры строки запроса для генерации изображения и jQuery для загрузки изображения в существующий объект в документе:

var chartRootURL = 'http://127.0.0.1/';
var chartQueryParameters = 'inst=APPL&w=900&h=200';
var url = chartRootURL + 'chartImage.aspx?' + chartQueryParameters +
                    '&ts=' + new Date().getMilliseconds();

var img = $('#chartimg').attr('src', url)
                    .load(function (response, status) {
                        $('#chartimg').show();
                    });

Answer 2

Нет способа (за исключением некоторой по-настоящему волосатой магии <canvas> тега) переместить данные из Javascript в изображение, но, к счастью, вам это не нужно. Все, что вам нужно сделать, это сгенерировать URL-адрес для сценария PHP и назначить его изображению и буму.

var img = new Image();
var img.src = "http://phphost.net/imagegenerate.php?array=3,1,2,3,21,1"; // or whatever

Answer 3

Как насчет

document.write("<img src='http://www.aurl.com/generator.php?" + yourParams + "' alt='exciting image here' />")