jquery - 使用 jquery 在 iframe 中加载图像-6ren

jquery - 使用 jquery 在 iframe 中加载图像

转载作者：行者123 更新时间：2023-12-01 03:45:08

我需要在 iframe 中显示动态生成的字符串中的图像。 iframe 的 ID 为 upload_target。

这是我正在使用的代码

// assign esrc and upath
$.ajax 
({  type: "POST", 
    url: "editImage.php", 
    data:  {esrc: editsource, upath: upath } ,  
    success: function(esource) 
    {   //load into iframe 
        s = esource;
        console.log(s);
        $('#upload_target').contents().find('body').html(s);
    } 
});

文件 editImage.php 只是返回正确的文件名。控制台显示了正确的文件名，所以我知道那里没有问题。但 iframe 没有发生任何变化，它只是像以前一样保持空白。我能够用另一个事件填充同一个 iframe，即提交其 target 是此 iframe 的表单。但为什么它在这里不起作用？

我也尝试过 $('#upload_target').attr('src',s)，但收到 406 错误。

最佳答案

尝试

...find("body").append($("<img/>").attr("src", s).attr("title", "sometitle"));

我没有调试这段代码，但应该可以工作。

编辑

这段代码对我来说效果很好

<iframe id="upload_target"><html><body></body></html></iframe>

<script type="text/javascript">
    $(function () {
        $('#upload_target').contents().find('body').append($("<img/>").attr("src", "http://www.bing.com/az/hprichbg/rb/NYBirds_ROW10420117938_1366x768.jpg").attr("title", "sometitle"));
    });
</script>

关于jquery - 使用 jquery 在 iframe 中加载图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14341427/