我正在嘗試更改 ID 為“previewImage”的元素的資料屬性。我通過對另一個檔案進行 Ajax 呼叫來修改屬性,然后取回資料。除 Google Chrome 外,所有瀏覽器都會顯示從 AJAX 呼叫(影像或 PDF)(編碼為 base64)接收到的資料。有解決方案嗎?
我之前看到了這個答案,但我認為它已被棄用(它對我不起作用):<object> 適用于除 Google Chrome 之外的所有瀏覽器
阿賈克斯呼叫:
function getFile(id, r = false)
{
timer = setTimeout(function(){
$.ajax({
url: "/project/getFile",
method: "POST",
data: {id: id}
})
.done(function(data)
{
$('#previewImage').prop('data', data);
})
}, 100)
}
目的:
<object id="previewImage" class="w-100" style="min-height: 500px">
uj5u.com熱心網友回復:
感謝大家的幫助!我將物件標簽更改為 iframe,女巫做了以下事情:
<iframe id="previewImage" class="w-100" height="500px"></iframe>
AJAX 呼叫幾乎保持不變:
function getFile(id, r = false)
{
timer = setTimeout(function(){
$.ajax({
url: "/project/getFile",
method: "POST",
data: {id: id}
})
.done(function(data)
{
$('#previewImage').prop('src', data);
$('#previewImage image').css("width: 100%")
})
}, 100)
}
這對我有用!
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/448191.html
標籤:javascript html 阿贾克斯 谷歌浏览器 目的
