UIWebView 显示本地图像和 facebook 评论答案

【问题标题】：UIWebView to display both local image and facebook commentUIWebView 显示本地图像和 facebook 评论
【发布时间】：2012-05-23 06:11:08
【问题描述】：

我在 UIWebView 上遇到问题。我有一个显示 html 字符串的 WebView。此 html 字符串包含：

HTML 文本
本地图片
fb:cmets

起初我只有 Html + 本地图像，所以我使用的是众所周知的方法：

NSString *path = [[NSBundle mainBundle] bundlePath];
NSURL *baseURL = [NSURL fileURLWithPath:path];
[webview loadHTMLString:htmlString baseURL:baseURL];

一切都很完美。但后来我不得不实现 facebook cmets http://developers.facebook.com/docs/reference/plugins/comments/

由于我的旧 BaseURL 不再适用于 facebook，因此我尝试使用

NSURL *baseURL = [NSURL URLWithString:@"http://www.facebook.com/"];

这使我的 facebook 工作，但本地图像不会显示在 web 视图中，即使使用绝对路径。

任何帮助将不胜感激。感谢您的宝贵时间

【问题讨论】：

通过类似的试验，我无法获得一个 Web 视图来同时引用本地和基于 Web 的内容。这是一种或另一种情况，而不是两种情况。希望有人能对此给出答案，或者至少确认它是否不可能。
@Mark Reid 部分可能，请参阅下面的链接。

标签： iphone ios facebook uiwebview

【解决方案1】：

有一个解决方案可以将img 标记与base64 编码的图像数据一起使用，而不是使用url。这应该不是问题，因为您在本地拥有图像，请参阅 html sample。

为了快速测试，您可以使用在线编码service（50kb 限制）

原答案是here

以及截断的 base64 样本以供将来参考：

<html>
<body>
<div id="fb-root"></div>
FB1
    <script>
        window.fbAsyncInit = function() {
            FB.init({
                    appId      : null,
                    channelUrl : null,
                    status     : true,
                    cookie     : true,
                    xfbml      : true 
                    });

        };

        (function(d){
         var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all.js";
         ref.parentNode.insertBefore(js, ref);
         }(document));
        </script>

    FB2
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUh......lAmeQ/IAAAAASUVORK5CYII=" alt="Screen Shot 2012-05-23 at 6.53.28 AM.png" />

    <div class="fb-comments" data-href="http://facebook.com" data-num-posts="2" data-width="470"></div>

</body>
</html>

【讨论】：