jquery - 在 MVC 应用程序中的 jquery post 回调中，图像未加载到移动设备中

Question

我有下面的 jquerypost方法，其中有一个回调函数，它将图像加载到 img 标签。如果 bytearray 的大小更大，则不会加载图像，iPad但对于小型数组，它会加载。

$.post(url, info, function (id) {
     $('#imgPDFView').attr('src', '/Report/Render?ReportId=' + id);
});

渲染方法FileStreamResult从 MVC 控制器返回我。

Render 方法从报表服务器创建一个字节数组。

Answer 1

我通过用 iframe 替换 img 标签解决了这个问题。

$('#imgPDFView').attr('src', '/Report/Render?ReportId=' + id);

我仍然遇到图像宽度为 100% 的问题，我在加载 iframe 后解决了如下问题

var $iFrame = $('#imagePDFView');
$iFrame.load(function () {
     var $img = $(window.frames[0].document).find('img');
     if ($img.length > 0) {
         $img.attr('style', 'width:100%');
     }
});