如何使用 jQuery ajax 返回图像？

发布于 2024-10-27 14:21:56 字数 569 浏览 1 评论 0原文

var txtimg = new Image(); //img holder
    $(txtimg).load(function () {
        $("#div").append(this);
    }).error(function () {
        // notify the user that the image could not be loaded
        alert('error loading text');
    }).attr('src', webroot + '?drawtxt='+text.content);

上面的代码使用 jQuery load 加载图像。当 text.content 是普通字符时它有效。但是，当 text.content 包含 URL 中不允许的特殊字符（例如“&”）时，图像将无法加载字符，甚至编码为“%26”。

因此，我正在寻找一种使用ajax发送一些数据的方法，该方法允许使用特殊字符，同时也能够返回图像。

如果我使用$.ajax()，返回值可以包含二进制图像流吗？如果不是，还有什么其他方法可以使用特殊字符进行ajax调用并同时返回图像？

原文

var txtimg = new Image(); //img holder
    $(txtimg).load(function () {
        $("#div").append(this);
    }).error(function () {
        // notify the user that the image could not be loaded
        alert('error loading text');
    }).attr('src', webroot + '?drawtxt='+text.content);

The above code loads an image using jQuery load. It works when text.content are normal characters. However, the image won't load when text.content contains special characters which are not permitted in the URL, such as '&' character, even encoded as '%26'.

Therefore, I'm looking for a way to send some data using ajax that permits the use of special characters, and at the same time is able to return the image as well.

If I use $.ajax(), can the return value contains the binary image stream? If no, what are other ways that can do an ajax call with special characters and return an image at the same time?

分享到QQ

分享到微博