如何为GoogleChrome修改<object>数据属性？

Question

我正在尝试更改 ID 为 'previewImage' 的元素的数据属性。我通过对另一个文件执行 Ajax 调用来修改属性，然后取回数据。所有浏览器都显示从 AJAX-调用（图像或 PDF）（编码的 base64）收到的数据，Google Chrome 除外。有解决办法吗？

我之前看到这个答案，但我认为它已被弃用（它对我不起作用）：<object> works in every browser except Google Chrome

Ajax 通话：

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">

Answer 1

感谢大家的帮助！我将对象标签更改为 Iframe，进行了以下操作：

<iframe id="previewImage" class="w-100" height="500px"></iframe>

AJAX-call几乎保持不变：

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)
    }

这对我有用！

如何为GoogleChrome修改<object>数据属性？

How to modify <object> data attribute for Google Chrome?

html

javascript

ajax

google-chrome

object