定義一個獲取圖片
@property(nonatomic,strong)NSMutableArray *imgUrlArray;
- (NSMutableArray *)imgUrlArray { if (!_imgUrlArray) { _imgUrlArray = [NSMutableArray array]; } return _imgUrlArray; }
初始化webview 沒有頭部的添加上頭部
NSString *htmlString = [NSString stringWithFormat:@"內容",_newtitle,_content];
[_webView loadHTMLString:htmlString baseURL:nil];
附上頭部內容格式
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes\" /><style type=\"text/css\">img{width:100%%}</style></head><body><br><center><font style=\"text-align:center;font-size:20px;\">%@</font></center><br><hr width=\"100%%\" color=#dbdbdb SIZE=1 /><div style=\"padding-right: 10px;padding-left: 10px\"><font style=\"line-height:1.5;\" >%@</font></div></body></html>
接著就是寫webview的代理了
/**
* 開始加載webView
*/
- (void)webViewDidStartLoad:(UIWebView *)webView {
//@"正在加載"
}
/**
* webView加載完成
*/
- (void)webViewDidFinishLoad:(UIWebView *)webView {
// 網頁注入JS獲取圖片資源、添加點擊事件
//這里是js，主要目的實現對url的獲取
static NSString * const jsGetImages = @"function getImages(){\
var objs = document.getElementsByTagName(\"img\");\
var imgScr = '';\
for(var i=0;i<objs.length;i++){\
imgScr = imgScr + objs[i].src + '+';\
};\
return imgScr;\
};";
[webView stringByEvaluatingJavaScriptFromString:jsGetImages];//注入js方法
NSString *urlResurlt = [webView stringByEvaluatingJavaScriptFromString:@"getImages()"];
[self.imgUrlArray setArray:[urlResurlt componentsSeparatedByString:@"+"]];
if (self.imgUrlArray.count >= 2) {
[self.imgUrlArray removeLastObject];
}
//圖片添加點擊js
[webView stringByEvaluatingJavaScriptFromString:@"function registerImageClickAction(){\
var imgs=document.getElementsByTagName('img');\
var length=imgs.length;\
for(var i=0;i<length;i++){\
img=imgs[i];\
img.onclick=function(){\
window.location.href='image-preview:'+this.src}\
}\
}"];
[webView stringByEvaluatingJavaScriptFromString:@"registerImageClickAction();"];
}
處理點擊事件 執行跳轉界面顯示圖片 或者其他顯示圖片事件
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
//預覽圖片
if ([request.URL.scheme isEqualToString:@"image-preview"]) {
//操作
}
return YES;
}
* webView加載失敗
*/
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error {
[SVProgressHUD dismiss];
[MBProgressHUD showInfoMessage:@"加載失敗"];
}
