APP(iOS)端 从网页拿到第一张图片

2024-06-18 22:08

本文主要是介绍APP(iOS)端 从网页拿到第一张图片,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!



class GetWebviewImageHelper: NSObject, WKScriptMessageHandler  {

    

    

    var didGetImg: ((UIImage?) -> (Void))?

    

    init(view: WKWebView) {

        super.init()

        self.initWebket(view)

    }

    

//初始化 webview 并添加 对 "getimage"(此处是死的) 监听

    private func initWebket(webView: WKWebView) {

        webView.configuration.userContentController.addScriptMessageHandler(self, name: "getimage")

    }


    ///获取网页图片 //(js 代码) 

    func getWebViewImages(view: WKWebView) {

        let url = "javascript:(function(){var imgs = document.getElementsByTagName(\"img\");if (imgs.length > 0) {" +

            "window.webkit.messageHandlers.getimage.postMessage(imgs[0].src);" +

            "}" + "})()"


        view.evaluateJavaScript(url) { (obj, err) in

            if let error = err {

                debugPrint(error.domain)

            }

        }

    }

    

    

    ///受到回调

    func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage) {

        

        if let urlStr = message.body as? String {

            

            let manager = SDWebImageDownloader()

            manager.downloadImageWithURL(NSURL(string: urlStr), options: SDWebImageDownloaderOptions(), progress: nil, completed: { (img, data, error, bol) in

               self.didGetImg?(img)

            })


        }

        

    }

    

    //移除监听

    func releaseMessageHandler(webView: WKWebView?) {

        if let wb = webView {

            wb.configuration.userContentController.removeScriptMessageHandlerForName("getimage")

        }

    }

    

}


上面的类是获取 image类 需要在 wekwebview 实例化

然后在webview 的 代理方法里面调用  getWebViewImages 方法


   func webView(webView: WKWebView, didFinishNavigation navigation: WKNavigation!) {

        if let title = webView.title {

            webTitle = title

            netLoadFinsh?(title)

            

            if let h = helper {

                h.getWebViewImages(webView)

            }

        }

    }

同时在deinit 时 移除对webview的监听

  deinit {

        if let h = helper {

            h.releaseMessageHandler(webView)

        }

    }






这篇关于APP(iOS)端 从网页拿到第一张图片的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1073188

相关文章

Python实现精准提取 PDF中的文本,表格与图片

《Python实现精准提取PDF中的文本,表格与图片》在实际的系统开发中,处理PDF文件不仅限于读取整页文本,还有提取文档中的表格数据,图片或特定区域的内容,下面我们来看看如何使用Python实... 目录安装 python 库提取 PDF 文本内容:获取整页文本与指定区域内容获取页面上的所有文本内容获取

Python基于微信OCR引擎实现高效图片文字识别

《Python基于微信OCR引擎实现高效图片文字识别》这篇文章主要为大家详细介绍了一款基于微信OCR引擎的图片文字识别桌面应用开发全过程,可以实现从图片拖拽识别到文字提取,感兴趣的小伙伴可以跟随小编一... 目录一、项目概述1.1 开发背景1.2 技术选型1.3 核心优势二、功能详解2.1 核心功能模块2.

Go语言如何判断两张图片的相似度

《Go语言如何判断两张图片的相似度》这篇文章主要为大家详细介绍了Go语言如何中实现判断两张图片的相似度的两种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 在介绍技术细节前,我们先来看看图片对比在哪些场景下可以用得到:图片去重:自动删除重复图片,为存储空间"瘦身"。想象你是一个

使用Python实现base64字符串与图片互转的详细步骤

《使用Python实现base64字符串与图片互转的详细步骤》要将一个Base64编码的字符串转换为图片文件并保存下来,可以使用Python的base64模块来实现,这一过程包括解码Base64字符串... 目录1. 图片编码为 Base64 字符串2. Base64 字符串解码为图片文件3. 示例使用注意

c/c++的opencv实现图片膨胀

《c/c++的opencv实现图片膨胀》图像膨胀是形态学操作,通过结构元素扩张亮区填充孔洞、连接断开部分、加粗物体,OpenCV的cv::dilate函数实现该操作,本文就来介绍一下opencv图片... 目录什么是图像膨胀?结构元素 (KerChina编程nel)OpenCV 中的 cv::dilate() 函

使用Python实现网页表格转换为markdown

《使用Python实现网页表格转换为markdown》在日常工作中,我们经常需要从网页上复制表格数据,并将其转换成Markdown格式,本文将使用Python编写一个网页表格转Markdown工具,需... 在日常工作中,我们经常需要从网页上复制表格数据,并将其转换成Markdown格式,以便在文档、邮件或

使用Python实现调用API获取图片存储到本地的方法

《使用Python实现调用API获取图片存储到本地的方法》开发一个自动化工具,用于从JSON数据源中提取图像ID,通过调用指定API获取未经压缩的原始图像文件,并确保下载结果与Postman等工具直接... 目录使用python实现调用API获取图片存储到本地1、项目概述2、核心功能3、环境准备4、代码实现

Java实现图片淡入淡出效果

《Java实现图片淡入淡出效果》在现代图形用户界面和游戏开发中,**图片淡入淡出(FadeIn/Out)**是一种常见且实用的视觉过渡效果,它可以用于启动画面、场景切换、轮播图、提示框弹出等场景,通过... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细

Java如何根据文件名前缀自动分组图片文件

《Java如何根据文件名前缀自动分组图片文件》一大堆文件(比如图片)堆在一个目录下,它们的命名规则遵循一定的格式,混在一起很难管理,所以本文小编就和大家介绍一下如何使用Java根据文件名前缀自动分组图... 目录需求背景分析思路实现代码输出结果知识扩展需求一大堆文件(比如图片)堆在一个目录下,它们的命名规

将图片导入Python的turtle库的详细过程

《将图片导入Python的turtle库的详细过程》在Python编程的世界里,turtle库以其简单易用、图形化交互的特点,深受初学者喜爱,随着项目的复杂度增加,仅仅依靠线条和颜色来绘制图形可能已经... 目录开篇引言正文剖析1. 理解基础:Turtle库的工作原理2. 图片格式与支持3. 实现步骤详解第