ios 用js获取网页图片的url和宽高

最新推荐文章于 2021-06-07 17:55:34 发布
最新推荐文章于 2021-06-07 17:55:34 发布
阅读量355 收藏
点赞数
分类专栏： iOS 文章标签： js ios 网页 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piaol/article/details/84599637
版权

NSString *tempWidth;

    tempWidth = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('img')[0].height"];

    SJBLog(@"tempWidth===%@",tempWidth);

    if ([tempWidth intValue] >= 150) {

        self.imageStringForShare = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('img')[0].src"];

    }else{

        tempWidth = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('img')[1].height"];

        SJBLog(@"tempWidth===%@",tempWidth);

        if ([tempWidth intValue] >= 150) {

            self.imageStringForShare = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('img')[1].src"];

        }else{

            tempWidth = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('img')[2].height"];

            SJBLog(@"tempWidth===%@",tempWidth);

            if ([tempWidth intValue] >= 150) {

                self.imageStringForShare = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('img')[2].src"];

            }

        }

    }

 

    

piaol
关注
专栏目录
IOS内嵌H5页面实现（JS实现图片正常显示，并正确返回文档的高度）
Capricorncd
08-29 4383
由于IOS原生开发对含有html标签的数据处理很麻烦，所以在做文章详情时，采用内嵌H5页面形式混合开发。流程ObjC将字符串类型的数据，通过Window上的JS方法将数据传递给JS。JS拿到数据渲染H5页面，并通知ObjC H5文档高度（JS实现图片正常显示，并正确返回文档的高度）。
iOS开发 根据URL获取图片的尺寸
zhonggaorong的专栏
01-22 7581
亲测可用，大家可以用个分类来放在工程中，相当方便 // 根据图片url获取图片尺寸 +(CGSize)getImageSizeWithURL:(id)imageURL {     NSURL* URL = nil;     if([imageURL isKindOfClass:[NSURL class]]){         URL = i
ios UIWebView 获取高度
哈皮吖的博客
11-07 589
WebView内容高度的问题，相信很多人都遇到过，无法获取到准确高度，导致页面布局出现差错,下面一起学习下 获取高度的几种方法 1 、我们通过获取 webView的ScrollvIew的内容的高度来获取webView的高度 CGFloat webViewHeight = [self.webView.scrollView contentSize].height; //获取网页现有的frame...
前端获取各种宽高
chauncywu的博客
12-10 2255
本文原地址 图片仅供参考，由于部分属性各个浏览器解释不一致，有些错误，等研究透后再修改。 1. 获取浏览器宽高 window.innerHeight： 浏览器内页面可用高度；此高度包含了水平滚动条的高度(若存在)。可表示为浏览器当前高度去除浏览器边框、工具条后的高度。 window.outerHeight： 浏览器高度。 window.innerWidth： 浏览器内页面可用宽度；此宽度包含...
javascript 快速获取图片实际大小的宽高
FungLeo's Blog
09-27 1万+
javascript 快速获取图片实际大小的宽高简陋的获取图片实际宽高的方式// 图片地址 var img_url = '13643608813441.jpg'// 创建对象 var img = new Image()// 改变图片的src img.src = img_url// 打印 alert('width:'+img.width+',height:'+img.height);结果如下：宽高都是
ios 获取或修改网页上的内容
08-31
这使得iOS应用可以直接与网页内容进行交互，比如获取网页数据、修改页面元素，甚至模拟用户操作。 首先，为了使用`stringByEvaluatingJavaScriptFromString:`，我们需要确保UIWebView已经加载完成页面。通常在`...
IOS通过URL下载保存图片
11-19
在iOS开发中，通过URL下载并保存图片是一项常见的任务，特别是在构建移动应用时，用户可能会需要查看、保存或分享网络上的图片。本教程将详细解释如何实现这一功能，主要涉及的知识点包括网络请求、文件系统操作和...
ios webView获取高度
11-07
1. 页面刚加载时：在`webViewDidFinishLoad:`代理方法中，通过执行JavaScript获取页面总高度，例如上述代码所示。 2. 页面动态更新：如果页面内容是动态加载的，例如通过Ajax，那么需要监听`UIWebView`的`...
ios与js交互，获取webview完整url，title，获取元素并赋值跳转
07-10
本主题主要探讨如何在iOS应用中实现与JavaScript的交互，包括获取Webview的完整URL、页面标题，以及如何获取网页元素并对其进行操作，如赋值和触发跳转。以下将详细介绍这些知识点。 首先，我们需要引入`WebKit`...
ios-高仿QQ、微信的图片浏览器（支持缩略图、原图、多种手势）.zip
07-11
github地址: https://github.com/iphone5solo/PYPhotoBrowser Framework with a simple method of rendering images. 用法简单的呈现一组图片的框架。
IOS 截获html并修改便签内容（包括修改网页图片大小）
AFun_day的博客
10-27 2739
IOS 修改便签内容 修改图片大小 webview
JS快速获取图片宽高的方法
热门推荐
Jensen Wu UED
03-18 4万+
快速获取图片的宽高其实是为了预先做好排版样式布局做准备，通过快速获取图片宽高的方法比onload方法要节省很多时间，甚至一分钟以上都有可能，并且这种方法适用主流浏览器包括IE低版本浏览器。 我们一步一步进入这个过程。 一、简陋的获取图片方式 1 2 3 4 5 6 7 8 9 10 11
iOS js获取html图片,iOS 下加载本地HTML/js/css/image 等路径问题
weixin_29876341的博客
06-07 216
一个是 Create groups for any added folders (创建虚拟结构-包结构)一个是 Create folder references for any added folders (创建实体结构)如果选择前者，当APP编译过后引入的文件会被放在同一个文件夹下面会忽略你原本的文件夹。因此在HTML文件中的路径就会出现问题。如果你选择了前者那么HTML文件中引入CSS，js，...
iOS WebView 如何通过js获取网页中所有图片并加入点击事件，实现浏览图片的功能
xxg90s的专栏
01-07 1万+
最近项目某个模块中要求可以实现对网页中图片的查看，并要求在多张图片的情况下可以实现滑动浏览。 所以，问题的集中点就是如何获取所有的图片地址及添加图片的点击事件。不多说，直接上码！ 在网页加载完成时，通过js获取图片和添加点击的识别方式 - (void)webViewDidFinishLoad:(UIWebView *)webView {     [I
ios与H5交互，H5调取本地相册图片
Qiqi_LJ的专栏
11-17 1万+
之前公司做了一个H5的web页面，里面需要调取本地相册并给web页面展示，并上传后台。 首先通过webView加载写好的H5文件。 与H5开发协商好，如果客户端扑获到某个固定地址说明就是要调起相册，这时候你需要打开相册。 下面的callFun方法就是就用调起相册。 选取完照片写入本地，如果存在上传则拿到Data上传，把本地图片路径拼接 通过 str
safari浏览器下，对图片使用transform scale导致图片模糊的修复
wangshuo0407的博客
01-15 5882
有个项目因为展示效果的需求需要对图片加上transform scale属性，在ie、chrome、firefox、opera下都不存在图片模糊的问题，唯独safari出现了模糊问题，而且模糊问题比较严重，示例如下： firefox chrome opera ie等，不模糊： safari，严重模糊： 解决方法，在图片的transform里加入translateZ(0)即可
iOS 沙盒文件路径获取
theroadofprogrammers的专栏
01-30 1815
1，主目录（沙盒的路径） NSString *homeDir = NSHomeDirectory(); 2，Documents路径 第一种获取方法 Documents跟用户个人有关的文档，iTunes、iCloud可以”备份”手机 -> 自动备份Documents目录中的文件 保存应用程序自身生成的数据文件，从网络上下载的文件，不要保存在此文件夹中！ NSString *docDir1
怎么获取本地图片的URL
最新发布
09-23
获取本地图片的URL通常取决于你的应用程序环境，比如Web开发、桌面应用还是移动应用。这里我将以常见的几种情况为例： 1. **Web开发** (JavaScript): 使用FileReader API，首先需要让用户选择图片，然后通过以下代码获取文件路径： ```javascript function getBase64Url(file) { var reader = new FileReader(); reader.onloadend = function(e) { return e.target.result; }; reader.readAsDataURL(file); } // 获取用户选择的本地图片 const fileInput = document.getElementById('file-input'); fileInput.addEventListener('change', function(e) { const file = e.target.files[0]; const url = getBase64Url(file); }); ``` 2. **Node.js** : 如果你在服务器端运行Node.js，可以使用`fs`模块读取文件并生成URL: ```javascript const fs = require('fs').promises; async function getImageUrl(filePath) { try { const data = await fs.readFile(filePath, 'base64'); return `data:image/jpeg;base64,${data}`; } catch (err) { console.error(err); } } ``` 3. **iOS或Android App**: 在原生应用中，你需要使用相应平台的API获取图片路径，然后转换为URL。例如，在iOS Swift中： ```swift let imagePickerController = UIImagePickerController() imagePickerController.sourceType = .photoLibrary imagePickerController.delegate = self present(imagePickerController, animated: true, completion: nil) func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) { if let pickedImage = info[UIImagePickerController.InfoKey.originalImage] as? UIImage { let imageData = pickedImage.jpegData(compressionQuality: 0.9) let url = URL(string: "data:image/jpeg;base64,\(data.base64EncodedString())")! } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值