有沒有一種方法可以通過HTTP POST檢索通過HTTP POST獲取的數據來載入圖像？

是否有任何方法使用AJAX通過HTTP POST請求圖像文件，然後用HTML中的數據創建新的圖像？既然你不能用IMG標籤來做到這一點，是否可以用Image javascript對象來做到這一點？有沒有一種方法可以通過HTTP POST檢索通過HTTP POST獲取的數據來載入圖像？

來源

2011-06-21 ricosrealm

是的，這是可能的。

當您的serverscript打開圖像文件並將它們編碼爲base64字符串時，幾乎所有的瀏覽器（IE7及以下版本除外）都可以處理該文件。例如：

jQuery('<img>', { 
    src: 'data:image/jpeg;base64,' + someBase64EncodedString 
}).appendTo(document.body);

這方面的一個現實世界的例子，可以在這裏找到：https://github.com/jAndreas/Supply

來源

2011-06-21 20:02:58 jAndy

這個答案很好。它承認下面的IE7有問題。我也在MSDN上發現了這一點： http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx 「數據URI不能大於32,768個字符。」這限制了您可以加載的圖像類型。 – ricosrealm

您可能想了解如何將base64編碼數據嵌入到圖像中。

下面是一篇文章，指導您閱讀它。

http://danielmclaren.com/node/90

來源

2011-06-21 20:00:36 jessegavin

這是一個有趣的答案，因爲它適用於早期形式的IE瀏覽器。 +1 – ricosrealm

如果返回你很可能不使用data URIs並可能帆布它的base64編碼的圖像數據。

一些「僞」代碼（使用PHP和JS + jQuery）來演示你可以做什麼。

服務器：

$image = new Imagick($imagePath); 
echo 'data:image/png;base64,' . base64_encode($image);

客戶：

$.ajax({ 
    method: "post", 
    url: "/foo/bar.php", 
    success: function (data) { 
     $("<img />").attr("src", data).appendTo("#myContainer"); 
    } 
});

來源

2011-06-21 20:00:53

+1謝謝你的深入代碼 – ricosrealm

試看看這裏：http://emilsblog.lerch.org/2009/07/javascript-hacks-using-xhr-to-load.html

來源

2011-06-21 20:01:48 tbombach

有沒有一種方法可以通過HTTP POST檢索通過HTTP POST獲取的數據來載入圖像？

回答

相關問題