当数据-URL很大时没有呈现图像: net::ERR_CONNECTION_RESET

Question

我有一个被编码成base64格式的图像，我试图像这样显示它。

<div class="card-body p-3 with-bottom-buttons">
    <div class="row h-100">
        <perfect-scrollbar>
            <div class="col">
                <img [src]="imageString" style="width:100%;height: auto;" class="cursor-pointer">
            </div>
        </perfect-scrollbar>
    </div>
</div>

当图像不太大时，它工作得很好，但是对于较大的图像，它没有呈现.here是编码图像的链接。

https://stackblitz.com/edit/angular-9ub83l?file=image

我试着用在线工具来破解这个问题，而且它是有效的。看来编码没有问题。

​

​

控制台中有一个错误。

net::ERR_CONNECTION_RESET

​

有什么建议吗？

Answer 1

我为我的issue.when找到了一个解决方案--对图像进行编码--在将其发送到后端之前需要传递一个额外的arg。

imgString = "data:image/jpeg;base64," + Base64.encodeToString(buffer, 0, length, Base64.NO_WRAP);

如果有人和我有同样的问题，我希望这会有所帮助。