如何在 Webview swift 中显示来自 HTML URL 的图像 4
How to show images from HTML URL in Webview swift 4
在我的一个网络服务响应中,我得到了 html 字符串,其中还包含 html url 的图像。我必须在带有该图像的网络视图中显示 html 字符串。但是,所有 html 代码都正确显示,而不是图像,它显示框。
以下是我得到的 html 字符串:
"<div dir=\"ltr\"><div dir=\"ltr\">Your invoice Rs.30<br clear=\"all\"><div><div dir=\"ltr\" class=\"gmail_signature\"><div dir=\"ltr\"><table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"color:rgb(0,0,0);font-family:"Times New Roman";font-size:medium;width:600px\"><tbody><tr><td colspan=\"3\" style=\"font-family:Arial;margin-bottom:10px;font-stretch:normal;font-size:12px;line-height:normal;color:rgb(34,34,34);padding:0px 0px 10px\">Best Regards,<br><br><table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"color:rgb(0,0,0);font-family:"Times New Roman";font-size:medium;width:600px\"><tbody><tr valign=\"top\"><td style=\"width:120px;padding-right:10px\"><a href=\"http://eluminoustechnologies.com/\" style=\"color:rgb(17,85,204);display:inline-block\" target=\"_blank\"><img src=\"http://eluminoustechnologies.com/signature/anniversary-signature.png\" alt=\"eluminous logo\" width=\"120\" height=\"\"></a></td><td width=\"500\" style=\"font-family:Arial;display:inline-block;text-align:initial;font-stretch:normal;font-size:12px;line-height:normal;color:rgb(100,100,100);padding:0px 10px;border-left:2px solid rgb(222,222,222)\"><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\"><tbody><tr><td style=\"font-family:Arial;display:inline-block;text-align:initial;font-stretch:normal;font-size:18px;line-height:normal;color:rgb(34,34,34)\"><b>Sonali Vispute</b><br><span style=\"display:block;color:rgb(100,100,100);font-size:15px;padding-bottom:10px\">Software Engineer</span></td></tr></tbody></table><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\"><tbody><tr><td style=\"font-stretch:normal;line-height:normal;padding:5px 0px\"><span style=\"color:rgb(239,135,32);font-family:Arial;display:inline-block;padding:0px 5px 0px 0px\"><strong>Skype</strong>:</span><font color=\"#222222\" face=\"Arial\">eluminous.se36</font></td></tr><tr><td style=\"padding-top:5px\"><a href=\"https://www.facebook.com/eluminoustech\" style=\"color:rgb(17,85,204)\" target=\"_blank\"><img src=\"http://eluminoustechnologies.com/signature/facebook.png\" width=\"21\" height=\"21\" style=\"border-radius: 0px; border: 0px; width: 21px; height: 21px; display: block; float: left; margin-right: 6px;\"></a> <a href=\"http://www.linkedin.com/company/eluminous-technologies\" style=\"color:rgb(17,85,204)\" target=\"_blank\"><img src=\"http://eluminoustechnologies.com/signature/linkedin.png\" width=\"21\" height=\"21\" style=\"border-radius: 0px; border: 0px; width: 21px; height: 21px; display: block; float: left; margin-right: 6px;\"></a> <a href=\"https://twitter.com/eluminoustech\" style=\"color:rgb(17,85,204)\" target=\"_blank\"><img src=\"http://eluminoustechnologies.com/signature/twitter.png\" width=\"21\" height=\"21\" style=\"border-radius: 0px; border: 0px; width: 21px; height: 21px; display: block; float: left; margin-right: 6px;\"></a> <a href=\"https://plus.google.com/u/0/b/102274258265995536485/+eLuminousTechnologiesPvtLtdNashik/posts\" style=\"color:rgb(17,85,204)\" target=\"_blank\"><img src=\"http://eluminoustechnologies.com/signature/googleplus.png\" width=\"21\" height=\"21\" style=\"border-radius: 0px; border: 0px; width: 21px; height: 21px; display: block; float: left; margin-right: 6px;\"></a> </td></tr><tr><td style=\"padding-top:8px\"><p style=\"color:rgb(239,135,32);margin:0px\"><span style=\"font-family:Arial\">16 years of trust, commitment and co-operation</span><br></p></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr></tr></tbody></table></div></div></div></div></div>\r\n"
只需使用 html 字符串加载 UIWebView
webView.loadHTMLString("htmlString", baseURL: nil)
由于传输安全问题未加载图像。
只需右键单击您的 info.plist 文件 Select 打开为 -> 源代码
在您的 info.plist 文件中添加以下行
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
在模拟器/iPhone中删除您的应用并重新安装。您来自 html 的图片现已加载到 webview
我已经使用您的 html 数据加载 html 图像。检查下面的 ss :
最后在 viewDidLoad
中添加以下行
webView.loadHTMLString("htmlString", baseURL: nil)
webView.loadHTMLString("html String here", baseURL:"你的基地url here")
在我的一个网络服务响应中,我得到了 html 字符串,其中还包含 html url 的图像。我必须在带有该图像的网络视图中显示 html 字符串。但是,所有 html 代码都正确显示,而不是图像,它显示框。
以下是我得到的 html 字符串:
"<div dir=\"ltr\"><div dir=\"ltr\">Your invoice Rs.30<br clear=\"all\"><div><div dir=\"ltr\" class=\"gmail_signature\"><div dir=\"ltr\"><table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"color:rgb(0,0,0);font-family:"Times New Roman";font-size:medium;width:600px\"><tbody><tr><td colspan=\"3\" style=\"font-family:Arial;margin-bottom:10px;font-stretch:normal;font-size:12px;line-height:normal;color:rgb(34,34,34);padding:0px 0px 10px\">Best Regards,<br><br><table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"color:rgb(0,0,0);font-family:"Times New Roman";font-size:medium;width:600px\"><tbody><tr valign=\"top\"><td style=\"width:120px;padding-right:10px\"><a href=\"http://eluminoustechnologies.com/\" style=\"color:rgb(17,85,204);display:inline-block\" target=\"_blank\"><img src=\"http://eluminoustechnologies.com/signature/anniversary-signature.png\" alt=\"eluminous logo\" width=\"120\" height=\"\"></a></td><td width=\"500\" style=\"font-family:Arial;display:inline-block;text-align:initial;font-stretch:normal;font-size:12px;line-height:normal;color:rgb(100,100,100);padding:0px 10px;border-left:2px solid rgb(222,222,222)\"><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\"><tbody><tr><td style=\"font-family:Arial;display:inline-block;text-align:initial;font-stretch:normal;font-size:18px;line-height:normal;color:rgb(34,34,34)\"><b>Sonali Vispute</b><br><span style=\"display:block;color:rgb(100,100,100);font-size:15px;padding-bottom:10px\">Software Engineer</span></td></tr></tbody></table><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\"><tbody><tr><td style=\"font-stretch:normal;line-height:normal;padding:5px 0px\"><span style=\"color:rgb(239,135,32);font-family:Arial;display:inline-block;padding:0px 5px 0px 0px\"><strong>Skype</strong>:</span><font color=\"#222222\" face=\"Arial\">eluminous.se36</font></td></tr><tr><td style=\"padding-top:5px\"><a href=\"https://www.facebook.com/eluminoustech\" style=\"color:rgb(17,85,204)\" target=\"_blank\"><img src=\"http://eluminoustechnologies.com/signature/facebook.png\" width=\"21\" height=\"21\" style=\"border-radius: 0px; border: 0px; width: 21px; height: 21px; display: block; float: left; margin-right: 6px;\"></a> <a href=\"http://www.linkedin.com/company/eluminous-technologies\" style=\"color:rgb(17,85,204)\" target=\"_blank\"><img src=\"http://eluminoustechnologies.com/signature/linkedin.png\" width=\"21\" height=\"21\" style=\"border-radius: 0px; border: 0px; width: 21px; height: 21px; display: block; float: left; margin-right: 6px;\"></a> <a href=\"https://twitter.com/eluminoustech\" style=\"color:rgb(17,85,204)\" target=\"_blank\"><img src=\"http://eluminoustechnologies.com/signature/twitter.png\" width=\"21\" height=\"21\" style=\"border-radius: 0px; border: 0px; width: 21px; height: 21px; display: block; float: left; margin-right: 6px;\"></a> <a href=\"https://plus.google.com/u/0/b/102274258265995536485/+eLuminousTechnologiesPvtLtdNashik/posts\" style=\"color:rgb(17,85,204)\" target=\"_blank\"><img src=\"http://eluminoustechnologies.com/signature/googleplus.png\" width=\"21\" height=\"21\" style=\"border-radius: 0px; border: 0px; width: 21px; height: 21px; display: block; float: left; margin-right: 6px;\"></a> </td></tr><tr><td style=\"padding-top:8px\"><p style=\"color:rgb(239,135,32);margin:0px\"><span style=\"font-family:Arial\">16 years of trust, commitment and co-operation</span><br></p></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr></tr></tbody></table></div></div></div></div></div>\r\n"
只需使用 html 字符串加载 UIWebView
webView.loadHTMLString("htmlString", baseURL: nil)
由于传输安全问题未加载图像。
只需右键单击您的 info.plist 文件 Select 打开为 -> 源代码
在您的 info.plist 文件中添加以下行
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
在模拟器/iPhone中删除您的应用并重新安装。您来自 html 的图片现已加载到 webview
我已经使用您的 html 数据加载 html 图像。检查下面的 ss :
最后在 viewDidLoad
中添加以下行webView.loadHTMLString("htmlString", baseURL: nil)
webView.loadHTMLString("html String here", baseURL:"你的基地url here")