loadhtmlstring加载内容是不显示图片

最新推荐文章于 2021-07-01 13:55:44 发布
原创 最新推荐文章于 2021-07-01 13:55:44 发布 · 3.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决HTML中使用相对路径加载图片时遇到的问题的方法。当本地没有相应路径的图片时，页面会显示为蓝色问号。解决方案是在加载HTML字符串时提供一个基地址(baseURL)，该地址指向图片或资源服务器，确保图片能够被正确加载。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

内容页有图片标签，<img alt=\"\" src=\"/Upload/Image?image=2016%5c9%5c18%5cb8f523da-8568-4e61-9167-7028a578b1b4.jpg\" style=\"height:220px; width:293px\" />路径是相对路径，在本地显示的时候是去bundle里面找，除非本地有这个路径，不然就是显示蓝色小问号了。

解决方法，loadhtmlstring方法后面还有一个baseURL的变量，把图片或者网页的资源服务器路径传进去，就可以顺利找到这个路径。就相当于把不完整的image路径的前半部分传进去。



SwiftUI不借助第三方库在App中保存和加载网页归档文件的极简方法
享受开发，颠倒银河
05-06 717
在本篇博文里，我们只使用iOS标准运行库就实现了保存和加载网页快照内容的功能。比起许多第三方库，我们的实现显得更加轻巧和灵活。
loadrequest与loadhtml两种加载html的方法
09-12
webview通过loadrequest与loadhtml两种方法来加载html
loadHTMLString 不出图片，特殊字符
guofeifei1017的博客
12-17 2910
现象：UIWebView 加载内容用三个方法，其中 loadHTMLString 用来加载字符或者文本内容。当内容来自 json 数据时，特殊字符比如“”、" “ "、" ” "等会被编码，一段 img HTML标签()会被编码成“ />”,此种情况导致 UIWebView 识别不了 这些 HTML 便签，会被原封不动的输出来。 解决方案：将特殊字符替换了，图片自适应 - (NSStri
iOS 加载本地HTML文件，图片没显示出来的问题
Vanpoe的博客
12-11 5310
iOS 加载本地HTML文件，图片没显示出来的问题，一般都是路径的问题。在HTML中，用的是绝对路径类似，而在项目中，一般 都是相对路径。例如：在HTML中， src="images/qq.gif" 而当我们导入这个HTML文件到项目中，加载图片的时候是应该要用到相对路径的，所以只要把图片的绝对路径改为相对路径就可以了，相对应上面的东西，就改成qq.gif就行了，这样加载出来就没问题了。
iOS实现 webView loadHTMLString加载外部css、js样式
weixin_33809981的博客
09-10 1824
记录一下。 webview（或wk）用 loadHTMLString加载内容时 ，如果只是单纯的html内容，样式等都写在内部，直接设置baseURL为nil即可。 不过当html里包含外部样式或调用外部js文件时，就需要通过baseurl设置一下路径。 [_webView loadHTMLString:html baseURL:myUrl];   举个最简单例子： &lt...
iOS: UIWebview loadhtmlstring & Local css/js/image resources
Tomson Xu
05-29 1万+
UIWebView 既可以load by url，还可以load html string。即你可以自己generate html string来用web view显示。load html string 典型的应用是：url所对应的web page内容太多，如果只需要部分的html content，那么可以通过http request获取url的html content，然后只选取需要的部分，然后通
UIWebView中加载本地图片
07-25
如果在加载过程中遇到问题，如图片路径错误或图片格式不支持，UIWebView将不会显示图片。 总结起来，加载本地图片到UIWebView的关键步骤包括：确保图片文件在应用资源目录中，编写HTML文件引用这些图片，然后使用...
swift-WKWebView显示HTML中的GIF动图WebP无损图片最简单最方便的接入
08-15
在Swift中，创建一个`WKWebView`实例并加载网页内容是这样的： ```swift import WebKit let webView = WKWebView(frame: .zero) view.addSubview(webView) let url = URL(string: "https://www.example.com")! ...
IOS中的webView加载HTML
09-02
在iOS应用开发中，WebView是一种常见的组件，用于加载和显示网页内容，包括HTML、CSS和JavaScript。当开发者需要展示由服务器返回的HTML字符串时，利用WebView可以高效地完成任务。本篇文章将聚焦于如何在iOS中使用...
ios-webView oc js 交互 加载进度 仿微信返回显示关闭.zip
07-11
在iOS开发中，`UIWebView` 是一个非常重要的组件，用于在应用内加载和展示网页内容。本项目“ios-webView oc js 交互 加载进度 仿微信返回显示关闭”聚焦于如何通过Objective-C（简称OC）实现WebView与JavaScript...
loadHTMLString转URLWithString
qq_32897275的博客
10-17 402
TextView tv_text = (TextView) findViewById(R.id.tv_text);         CharSequence charSequence;         String content = "&lt;p&gt;简介：&lt;/p&gt;&lt;p&gt;1.nickname:wildma！&lt;/p&gt;&lt;p&gt;2.职业：android攻...
ios html5图片适配,iOS加载html字符串的图片适配问题 loadHTMLString: baseURL:
weixin_34466671的博客
06-04 436
1、加载HTML字符串时，里面有图片标签- (void)webViewDidFinishLoad:(UIWebView *)webView{[webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');""script.type = 'text/javascript';...
loadHTMLString加载HTML代码
热门推荐
zhangzhikaixinya的专栏
12-18 1万+
loadHTMLString加载HTML代码 ? 1 2 NSString *htmlString=@"我的iPhone程序"; [self.myWebView loadHTMLString:htmlString baseURL:nil];
iOS中用UIWebView的loadHTMLString后图片和文字失调解决方法
文明的博客
01-10 1万+
iOS中用UIWebView的loadHTMLString后图片和文字失调，图片过大，超过屏幕，文字太小；或者图片太小，文字太大，总之就是不协调。我们的需求是让图片的大小跟着屏幕的变化而变化，就是动态的去适应屏幕；那么文字的字体就是我们自己可以控制，可大可小。要想达到这样的效果，我们要在用loadHTMLString加载字符串之前对它进行处理。怎么处理呢？什么原理呢？处理HTMLString的方法：
IOS UIWebView 使用 loadHTMLString 加载 特殊字符编码后的字符 方案解决
yimiyangguang的专栏
11-07 9071
UIWebView 加载内容用三个方法，其中 loadHTMLString 用来加载字符或者文本内容。当内容来自 json 数据时，特殊字符比如“<”、“>”、" “ "、" ” "等会被编码，一段 img HTML标签(<img src="http://pinglun.fx678.com/data/attachment/forum/201511/03/101036dp84jaaca7858ej4.jpg">)会被编码成“<img src='http://pinglun.fx678.com/data/
iOS 中通常加载 HTML 字符串
ios_xumin的专栏
01-10 976
有时候后台会返回多行文字，其中文字中某写大小，颜色需要特殊订制就会比较麻烦，会用HTML 字符串返回给前台。 假如后台返回的是responseData[@"activityMsg"] 这个，长这样 activityMsg = "<head> <meta charset="UTF-8"> </head> <div ...
ios html string,iOS webView怎样加载HTMLString
weixin_31476015的博客
07-01 247
这次给大家带来iOS webView怎样加载HTMLString，iOS webView加载HTMLString的注意事项有哪些，下面就是实战案例，一起来看一下。CSS 要把里面的""用 ""转译一下,不然OC无法识别,目前只写了img的样式,其他的样式,可根据需要另行添加NSString *CSS= @"img{ width:100%;}";body 同上面的CSS一样 把里面的"双引号"转译一...
ios中加载html,iOS UIWebview 加载HTMLString的问题
weixin_34797253的博客
05-31 241
NSString *bacnStr = @"%3Cp%3E%3Cimg+src%3D%22http%3A%2F%2F172.16.129.195%2Fwly-admin%2Fstatic%2Fupload%2Fimage%2Fproductdetail%2F20160514688c38694-d793-4e82-98b2-6aa4b1930f5f-source_7501280.jpg%22+sty...
ios wkweb设置图片_ios – WKWebView无法使用loadHTMLString(_,baseURL :)加载图像和CSS
weixin_39631261的博客
12-22 682
Apple’s recommendation：In apps that run in iOS 8 and later, use the WKWebView class instead of using UIWebView.因此,我已经用一个闪亮的新的WKWebView替换了我的旧的UIWebView.但是,我认为是一个简单的运动(简单地交换类和替换代理方法)就是一个真正的混乱.问题当我加载一个HT...
iOS 使用mark.js 动态加载markdown内容
最新发布
12-09
在iOS应用中使用`mark.js`动态加载Markdown内容可以通过以下步骤实现： 1. **引入`mark.js`库**： 首先，你需要将`mark.js`库引入到你的iOS项目中。你可以通过npm安装或者直接下载`mark.js`的js文件并将其添加到项目中。 2. **设置Web视图**： 使用`WKWebView`来加载HTML内容，并在其中嵌入Markdown内容和`mark.js`脚本。 3. **加载Markdown内容**： 将Markdown内容转换为HTML格式，并使用`mark.js`来高亮显示特定的关键词。 以下是一个简单的示例代码，展示了如何在iOS应用中使用`mark.js`动态加载Markdown内容： ```objective-c // ViewController.m #import "ViewController.h" #import <WebKit/WebKit.h> @interface ViewController () @property (nonatomic, strong) WKWebView *webView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // 初始化WKWebView self.webView = [[WKWebView alloc] initWithFrame:self.view.frame]; [self.view addSubview:self.webView]; // 加载本地的HTML文件 NSString *path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"]; NSString *htmlContent = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil]; // 加载HTML内容到Web视图 [self.webView loadHTMLString:htmlContent baseURL:[[NSBundle mainBundle] bundleURL]]; } @end ``` ```html <!-- index.html --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Markdown with mark.js</title> <script src="mark.min.js"></script> <script> document.addEventListener("DOMContentLoaded", function() { // 转换Markdown为HTML var markdownContent = `# Hello World\nThis is a sample markdown content.`; var converter = new showdown.Converter(); var htmlContent = converter.makeHtml(markdownContent); // 插入到页面中 document.getElementById('content').innerHTML = htmlContent; // 使用mark.js高亮显示关键词 var markInstance = new Mark(document.getElementById('content')); markInstance.mark('sample'); }); </script> </head> <body> <div id="content"></div> </body> </html> ``` 在这个示例中，`index.html`文件包含了一个简单的HTML结构，并通过JavaScript将Markdown内容转换为HTML格式，然后使用`mark.js`来高亮显示关键词“sample”。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值