如何修复由于从数据库blob检索到大图像而导致的不完整html加载

Question

我有一个奇怪的问题，我使用中等Blob格式存储在MySQL中的图像，有时当图像大于40 Kb时，页面的HTML代码无法完全加载，它停止在图像中间src和图片未加载后的所有内容，这很奇怪，这仅在我的PC上发生，当我尝试从手机或另一台计算机打开相同的URL时，它会完全加载

当我用较小的图像更改存储的图像时，我没有遇到这个问题，同样，该问题仅发生在Chrome上的我的PC上，而不是firefox上（完全加载在firefox上）

这是我如何从数据库中检索图像

for (float dx = -u_borderSize; dx < u_borderSize; dx++)     
{
    for (float dy = -u_borderSize; dy < u_borderSize; dy++){
        vec2 point = v_texCoords + vec2(dx,dy) * pixelToTextureCoords;

        // range check
        if (point.x < 0.0 || point.x > 1.0 || point.y < 0.0 || point.y > 1.0)
            continue;

        float alpha = texture2D(u_texture, point).a;
        if ( alpha < 0.5 )
            isInteriorPoint = false;
        if ( alpha > 0.5 )
            isExteriorPoint = false;
    }
}

这是视图页面源中的最后几行

<img  src="data:image/jpeg;base64,'.base64_encode($rowtcategory['image'] ).'" height="100" width="150" class="img-thumnail" />

然后它停止，并且这部分视图页面源以红色字体显示

我希望Chrome出现问题，但我需要解决，因为firefox无法在CSS文件中正常工作，因此我更喜欢使用chrome ，谢谢！