我写了一个 iframe，里面嵌入了一个微信公众平台文章的 URL，但是文章内的图片显示不出来。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3100 天前的主题，其中的信息可能已经有所发展或是发生改变。

需求是这样的：客户要求做一个页面，这个页面由两部分组成：上部分是一个 iframe ，嵌入到是微信公众平台内的一篇文章；下部分是固定的信息，比如联系方式、联系人。这个页面可以由客户分享到微信朋友圈。

源码如下：

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">  
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>信达旅游</title>  
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<div class="scroll-wrapper">
    <iframe id="frame_main" src="http://mp.weixin.qq.com/s?__biz=MjM5NjgyMTY4OA==&mid=205144298&idx=1&sn=5c697af17b4ccb932cb5f694b7f1200f&scene=1&srcid=05066y4npBelHqZZhk548mzZ&from=singlemessage&isappinstalled=0">
    </iframe>
</div>
<div class="content">
    <p id="channel_name">联系人：韩雄文</p>
</div>

<style scoped>
.scroll-wrapper {
    position: fixed; 
    right: 0; 
    bottom: 10%; 
    left: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overflow-x: hidden;
}

.scroll-wrapper iframe {
    height: 100%;
    width: 100%;
    frameborder="0";
}

.content{
    text-align:center;
    position: fixed; 
    right: 0; 
    bottom: 0; 
    left: 0;
    top: 90%;
}

</style>
</body>    
</html>

现在唯一的问题是：嵌入到 iframe 内的微信公众平台文章的图片加载不出来。请高手指教～

2 条回复 • 2016-08-28 14:52:17 +08:00

yeyeye

2016-05-10 17:25:44 +08:00

从 DOM 结构看对方页面在被 iframe 之后并没有把 data-src 属性改成 src 属性于是图片就不显示了具体怎样实现的表示没看懂

JoanVon

2016-08-28 14:52:17 +08:00

题主这个问题解决了么？有没有办法把 src 的参数改为 data-src 的参数？