jquery控制显示服务器生成的图片流

想要在网页中显示服务器生成的图片流，可以使用 jQuery 来完成这个任务。以下是一些可能的实现方案：

1. 基于 AJAX 和 Base64 Convertor 的方法

这个方法需要使用一个 AJAX 请求来获取服务器上的图片流。具体的步骤如下：

1. 使用 jQuery 来发起一个 AJAX 请求，请求服务器上的图片链接；
2. 将返回的图片文本流存储到一个 JavaScript 变量中；
3. 使用 Base64 Convertor API 将图片文本流编码成 Base64 字符串；
4. 创建一个 img 标签，并将编码后的 Base64 字符串作为图片的 src 属性；
5. 将 img 标签添加到网页中。

示例代码：

//get image from server
$.ajax({
    //url of server generated image
    url: '/path/to/my/image.php',
    type: 'GET',
    dataType: 'text'
}).done(function(data) {
    //encode image string to base64
    var encodedImage = btoa(data);

    //create img tag
    var img = $('<img>');
    img.attr('src', 'data:image/png;base64,' + encodedImage);

    //add image to webpage
    $('body').append(img);
}).fail(function(jqXHR, textStatus, errorThrown) {
    console.log('Error:', textStatus, errorThrown);
});

2. 基于 Blob URL 的方法

这个方法基于 Blob URL 技术，它允许在浏览器中动态创建一个本地文件对象，并将指向服务器上的图片流的 URL 作为该文件对象的链接。具体的步骤如下：

1. 使用 jQuery 发起一个 AJAX 请求，请求服务器上的图片链接；
2. 将返回的图片文本流存储到一个 JavaScript 变量中；
3. 创建一个 Blob 对象，并将图片文本流作为 Blob 的数据源；
4. 创建一个 URL 对象，并使用该对象的 createObjectURL() 方法来获取一个指向该 Blob 对象的 URL；
5. 创建一个 img 标签，并将 Blob URL 作为移动设备的 src 属性；
6. 将 img 标签添加到网页中。

示例代码：

//get image from server
$.ajax({
    //url of server generated image
    url: '/path/to/my/image.php',
    type: 'GET',
    dataType: 'text'
}).done(function(data) {
    //create blob from image string
    var blob = new Blob([data], { type: 'image/png' });
    var blobURL = URL.createObjectURL(blob);

    //create img tag
    var img = $('<img>');
    img.attr('src', blobURL);

    //add image to webpage
    $('body').append(img);
}).fail(function(jqXHR, textStatus, errorThrown) {
    console.log('Error:', textStatus, errorThrown);
});

通过以上实例，我们可以看到，基于 jQuery 控制服务器生成的图片流是非常方便的。这样的应用场景非常多，一些在线图片编辑、数据可视化工具需要大量的图片来表现，而 jQuery 的使用很大程度上简化了这些工作。