img标签请求拦截_iOS 拦截篇(一)：拦截H5通过<input>标签选取的图片

一、场景

H5经常会需要选择手机照片来完善自身内容；比如上传身份证照片、资产照片等等等。有时候这些照片经常需要app处理完后才上传给H5，那么这时候作为app的你就必须先处理好H5选择的手机照片，再上传给他。所以本文接下来将讲解如何拦截处理H5选择的手机照片；

二、基础知识准备

普及基础知识：

H5选择手机照片的方式主要有两种：

1、通过与app的JS交互，选择手机照片；

2、通过H5自身的标签，选择手机照片；

第一种JS交互的，图片数据的获取太容易处理了，就不再这里讲了。我们这边主要讲H5通过H5自身的标签，选择手机照片。

三、拦截方法

这里我们先讲怎么实现，下一点再介绍思路。

实现方式很简单

1、添加已CJFileUploadPanel类

pod 'CJHook/CJFileUploadPanel'

CJFileUploadPanel类源码

image.png

2、建立DemoFileUploadPanel类，使用CJFileUploadPanel提供的接口实现你拦截后的图片处理。

DemoFileUploadPanel.h

#import

@interface DemoFileUploadPanel : NSObject

+ (void)startHook;

+ (void)stopHook;

@end

DemoFileUploadPanel.m