Question

我需要加载由PHP脚本生成的图像。 PHP脚本接受三维数组作为参数，并从中创建一个图像。我如何用ajax传递参数？如何加载图像？

Answer 1

没有办法（禁止一些非常毛茸茸的<canvas>标记魔法）将数据从Javascript移动到图像中，但幸运的是，您不必这样做。您只需生成PHP脚本的URL并将其分配给Image和boom。

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

Answer 2

我做了类似的事情，但使用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 3

怎么样

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

如何使用ajax / jquery加载图像？

3 个答案: