ios与H5交互，H5调取本地相册图片

最新推荐文章于 2024-04-30 19:51:10 发布
最新推荐文章于 2024-04-30 19:51:10 发布
阅读量1.4w 收藏 1
点赞数
分类专栏： iOS开发 文章标签： ios 原生相册 H5交互
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Qiqi_LJ/article/details/78561204
版权

之前公司做了一个H5的web页面，里面需要调取本地相册并给web页面展示，并上传后台。


首先通过webView加载写好的H5文件。


与H5开发协商好，如果客户端扑获到某个固定地址说明就是要调起相册，这时候你需要打开相册。

下面的callFun方法就是就用调起相册。



选取完照片写入本地，如果存在上传则拿到Data上传，把本地图片路径拼接

通过 stringByEvaluatingJavaScriptFromString  回调给JS



本文原创出自 博客 http://blog.csdn.net/qiqi_lj 

七柒蛋糕店
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
H5移动端调取相机或相册
weixin_34378922的博客
11-28 4840
一： 前提 在做H5时，有时要实现拍照功能，这就要调取手机端的相机，当时，在网上搜了很多能实现的方式，最后还是用html5自带的 input标签，实现移动端调用手机摄像头。好了，话不多说，下面就是我实现的代码： 二：实现 （一）：调用手机相机或相册 <!--图片二--> <label for="xFile2" style="padding-to...
解决 | H5页面调用手机相机相册，安卓正常，但ios没办法选择相册
溪溪酱的博客
12-03 2609
H5页面调用手机相机相册，安卓正常，但ios没办法选择相册 <div onclick="javascript:$('#addPhoto').click();"></div> <input type="file" accept="image/*" capture="camera" id="addPhoto" style="display: none;" @change="addPhoto()"> $(function () { //获取浏览器的userAgent,
H5 移动端下载图片到手机
最新发布
wyh_115的博客
04-30 396
原理很简单，用a标签就行，但是有个问题。经过测试a标签地址为本地图片的时候默认直接下载，但如果是线上地址会默认进入预览状态。所以先请求图片地址，会返回本地地址，然后再用a标签。
ios html5 本地文件夹,H5如何访问ios本地图片
weixin_36239323的博客
06-17 1054
import UIKitclass NSLocalImageURLProtocol: URLProtocol {static let schemaName = "myapp"override class func canInit(with request: URLRequest) -> Bool {if let schema = request.url?.scheme?.lowercased...
在存在iOS项目添加Cordova实现H5调用设备相册
04-10
在存在iOS项目添加Cordova实现H5调用设备相册
vue 获取安卓原生方法_H5-vue与原生Android、ios交互获取相册图片
weixin_39990029的博客
12-19 571
第一次写简书，比较忐忑，不足部分望简友批评指正，互相学习！功能需求：H5页面(vue)和移动端安卓、苹果进行交互，调取原生摄像头或相册上传照片；需求分析：1.移动端获取H5页面的点击事件 2.移动端进行拍照或者是选取照片上传服务器获得图片路径(h5不用管)3.H5获取移动端传值方法获取图片的路径下面进行正题第一步：H5正常定义点击事件ps：括号中的123参数，是为了区分身份证的正反面，同时也是要传...
html5 调用系统相册,iOS之H5调用系统相册相机浏览文件
weixin_28717431的博客
06-04 2002
在我们iOS开发中大家遇到过H5和原生交互,需要上传文件,刚开始的思路肯定是在之前轻车熟路的js交互中原生方法获取文件之后上传,今天我们了解一个新的方法,其实苹果官方给我们提供了一个更简单的方法,H5调用系统相册相机浏览文件self.wkwebView = [[WKWebView alloc] initWithFrame:self.view.bounds];self.wkwebView.backg...
jsdemo_iOS原生h5交互_源码
10-02
首先，我们要了解iOS原生应用与H5交互的基本原理。通常，这涉及到使用WKWebView组件来加载和显示H5页面，同时通过JavaScriptCore框架实现原生方法与JavaScript代码的通信。 1. **WKWebView**: 这是苹果推荐用来展示...
iOS 和 H5交互的
12-11
介绍两种iOS与H5交互的方式 一：在shouldStartLoadWithRequest 代理方法中拦截url，通过之前定义好的scheme协议来判断 H5端需要做什么。 二：在webViewDidFinishLoad 代理方法中将定义好方法的对象传给H5端，H5...
IOS打开照相机与本地相册选择图片实例详解
08-30
IOS打开照相机与本地相册选择图片实例详解 IOS打开照相机与本地相册选择图片实例详解是一个非常常见的功能，在IOS开发中经常会用到。今天，我们将详细介绍如何在IOS中打开照相机与本地相册选择图片，并将其显示在...
iOS和H5页面交互拦截
02-22
在移动应用开发中，iOS与H5页面的交互是一个重要的技术环节，特别是在混合式应用开发中，这种交互机制显得尤为关键。本主题将详细讲解如何实现iOS与H5页面之间的事件拦截和实时通信。 首先，iOS与H5交互的基础是...
iOS与H5界面JSBridge交互Demo
09-14
在iOS开发中，有时我们需要将原生应用的功能与网页（H5）进行深度融合，这就涉及到iOS与H5界面之间的JSBridge交互。这个"iOS与H5界面JSBridge交互Demo"提供了一个直观且易于理解的实例，帮助开发者快速掌握两者间的...
input type=“file“ H5在IOS无法调起相机相册
Dwa_ww的博客
04-02 2528
input type=“file” 在ios不显示问题 可能把input标签设置了 display:none;属性，通过 js 点击事件来调用。 安卓上应该没啥问题，但是在IOS上会出现没反应问题； 因为在ios上点击后关于相机、相册的弹出面板是在当前flie标签下展示的，如果隐藏后，面板也无法显示。 结论： 使用时最好是把input设置为透明使用 ...
H5调用手机的摄像头拍照上传以及手机相册选取照片但不支持Android的分析
mingrenc的博客
10-13 3340
H5调用手机的摄像头拍照上传以及手机相册选取照片 原文地址：http://blog.csdn.net/qq_16559905/article/details/52486231 语法： 提示：如需规定多个值，请使用逗号分隔（比如 ）。  使用步骤：             其实html5的input:file标签还支持一个multiple属性，表示可以支持多选，
H5使用input打开系统相册
yangxun9264986的博客
07-17 3420
先说说我做这个的场景，我们是开发的h5应用，客户是用的rn写的原生app，h5应用是内嵌在app里面的。具体需求就是，在点击上传附件的时候，会从底部有个弹出层，分别显示相册、相机、拍摄三个图标以供用户选择上传什么类型的文件。结论就是：h5实现有兼容问题，在部分安卓手机可以直接访问到手机相册，在ios是需要在弹出一个选择框让用户进行选择，这样的操作是客户不能接受的。最后拍摄视频和拍照h5来实现，相册是调用原生的方法来实现的。
探索HTML5 Plus 拍照或者相册选择图片上传过程
lianzhang861的博客
01-23 3201
起因：webApp中需要一个拍摄照片并上传服务器的功能 由于我正好使用Hbuilder在做webApp，所以自然想到了使用h5+中的调用摄像头功能 从此开始了踩坑之旅。。。 1.手机连接电脑问题        如果你没有连接问题请跳过。        手机通过数据线本来连接电脑好好的，突然就中断了，然后再咋也连不上电脑了，使用360手机助手连接也没用，而且我的手机设置和数据线及接口肯...
H5界面调用原生，实现拍照、选择图库和文件功能
m0_37618318的博客
06-12 9456
需求：        通过webview加载H5界面，而H5界面中有一个调用拍照和选择照片的功能。        iOS是可以自动调起的，Android不能直接调起，需要对webview进行一些设置才能调起。        下面，对这个步骤进行一下详细的说明步骤：        1，在manifest中添加权限：              &lt;uses-permission android:n...
手机端h5唤起苹果地图
weixin_41655037的博客
06-19 1080
最近做一个项目分为pc和手机两个端，手机端需要调用第三方地图，可以选择高德地图和苹果地图，唤起高德地图的方法官网就有，网上一搜也是一大堆。这个不用多说，但唤起苹果地图的方法寥寥无几，几乎搜索不到，找了好久终于在 google上找到答案。............
h5调用移动端摄像头实现拍照获取图片
鲁小班的博客
07-06 3074
H5调用移动端手机摄像头
ios 原生开发 html5,iOS原生与H5交互
06-10
iOS原生与H5交互可以通过以下几种方式实现： 1. JavaScriptCore框架：JavaScriptCore是一个原生的JavaScript引擎，可以让你在iOS应用中执行JavaScript代码，并且让JavaScript代码可以调用iOS原生代码。通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值