? ? ? ?在iOS開(kāi)發(fā)中摧找，經(jīng)常會(huì)用到UIWebView/WKWebView來(lái)加載Html5李皇。特別是隨著Hybrid開(kāi)發(fā)的流行吓著，有的公司直接砍掉大部分的Native開(kāi)發(fā)习贫，轉(zhuǎn)而大量采用H5頁(yè)面替代Native頁(yè)面。這就要多研究研究UIWebView/WKWebView了兄淫。本文主要針對(duì)Hybrid開(kāi)發(fā)中遇到的一個(gè)小問(wèn)題诅福，提供一個(gè)解決方案。
? ? ? ? 當(dāng)H5中含有<input type=file>標(biāo)簽時(shí)拖叙，點(diǎn)擊選擇文件按鈕會(huì)默認(rèn)彈出Native的文件選擇菜單氓润，包含相機(jī)拍照、從相冊(cè)選擇兩個(gè)選項(xiàng)薯鳍。這是由于系統(tǒng)對(duì)<input type=file>對(duì)標(biāo)簽進(jìn)行了監(jiān)聽(tīng)咖气，并做了處理。
? ? ? ? 現(xiàn)在項(xiàng)目中不滿足于這兩個(gè)選項(xiàng)挖滤，如果想自己加一個(gè)崩溪，或者做任何自己想要的定制，就需要捕獲這個(gè)<input type=file>標(biāo)簽斩松，并在事件里面實(shí)現(xiàn)自己想要實(shí)現(xiàn)的功能伶唯。那么如何捕獲這個(gè)標(biāo)簽?zāi)兀坑肬IWebView/WKWebView的代理是不行的惧盹，沒(méi)有哪個(gè)代理方法會(huì)回調(diào)這個(gè)標(biāo)簽的監(jiān)聽(tīng)事件乳幸。下面提供一種解決方案。
? ? ? 主要思路是钧椰，雖然攔截不了js發(fā)給Native的通知粹断，但是可以通過(guò)Runtime攔截Native彈出窗口，因?yàn)橹肋@個(gè)窗口是被present出來(lái)的嫡霞。通過(guò)斷點(diǎn)瓶埋，可以看到，對(duì)于UIWebView來(lái)說(shuō)，present的的是UIDocumentMenuViewController养筒，并通過(guò)其代理UIWebFileUploadPanel完成文件的上傳曾撤。WKWebView也是類似的。
? ? ? ? 因此可以通過(guò)Runtime來(lái)hook出UIViewController的presentViewController方法晕粪，拿到將要被present的UIViewController挤悉，并判斷其類型，如果是UIDocumentMenuViewController類型且其代理為UIWebFileUploadPanel（或者WKFileUploadPanel）兵多，將present方法return掉，不讓他彈出來(lái)橄仆；如果不是這種類型的剩膘，才讓present。如下所示：
- (void)gigi_presentViewController:(UIViewController*)viewControllerToPresent animated:(BOOL)flag completion:(void(^)(void))completion {
? ? ? //如果present的viewcontroller是UIDocumentMenuViewController類型盆顾，且代理是WKFileUploadPanel或UIWebFileUploadPanel進(jìn)行攔截
if([viewControllerToPresent isKindOfClass:[UIDocumentMenuViewController class]]) {
? ? ? ? UIDocumentMenuViewController*dvc = ? ? (UIDocumentMenuViewController*)viewControllerToPresent;
? ? ? ?if([dvc.delegateisKindOfClass:NSClassFromString(@"WKFileUploadPanel")] || ? ? ? ? ? ? ? ? ? ? ?[dvc.delegateisKindOfClass:NSClassFromString(@"UIWebFileUploadPanel")]) {
? ? ? ? ? ? ?self.isFileInputIntercept=YES;
? ? ? ? ? ? ? dispatch_async(dispatch_get_main_queue(), ^{
? ? ? ? ? ? ? ? ? ? [self onFileInputIntercept];
? ? ? ? ? ? ?});
? ? ? ? ? ? ?return;
? ? ? ? }
? ?}
? //正常情況下的present
?[selfgigi_presentViewController:viewControllerToPresentanimated:flagcompletion:completion];
}
? ? ? ? 并在return之前執(zhí)行想要自己實(shí)現(xiàn)的代碼怠褐，做自己想干的事。在這里執(zhí)行了一個(gè)[self onFileInputIntercept]方法您宪，把攔截傳遞出去奈懒。這樣就大功告成了嗎？不是的宪巨。嘗試一下磷杏，發(fā)現(xiàn)，第一次點(diǎn)擊時(shí)捏卓，阻止默認(rèn)窗口彈出來(lái)是可以的极祸，但是，第二次時(shí)怠晴，就不會(huì)調(diào)用present方法了遥金，因此就無(wú)法進(jìn)行攔截。
? ? ? ? 究其原因蒜田，發(fā)現(xiàn)默認(rèn)窗口彈出后稿械，在窗口消失時(shí)，調(diào)用了dismisViewControllerAnimated這個(gè)回調(diào)冲粤，并執(zhí)行了它的bolck completion美莫。如果執(zhí)行了這個(gè)block，第二次就能夠正常攔截梯捕；如果不執(zhí)行block茂嗓，第二次就無(wú)法攔截。這個(gè)completion到底是怎么實(shí)現(xiàn)的科阎，不得而知述吸，因?yàn)槭窍到y(tǒng)內(nèi)部實(shí)現(xiàn)的，看不到源碼，但是也不需要知道蝌矛。只需要知道它是一定要執(zhí)行的就行道批。那么怎么來(lái)執(zhí)行這個(gè)block呢。沒(méi)錯(cuò)入撒，可以通過(guò)UIDocumentMenuViewController來(lái)模擬取消隆豹，加上這關(guān)鍵的一句：
[dvc.delegate documentMenuWasCancelled:dvc];
? ? ? ? 來(lái)模擬窗口被取消，從而執(zhí)行那個(gè)至關(guān)重要的completion block茅逮。那么在dismisViewControllerAnimated也要做一些處理璃赡，如下所示：
- (void)gigi_dismissViewControllerAnimated:(BOOL)flag completion:(void(^)(void))completion {
? ? ? ? //如果進(jìn)行了攔截，禁止當(dāng)前viewcontroller的dismiss
? ? ? ? if(self.isFileInputIntercept) {
? ? ? ? ? ? ? ? self.isFileInputIntercept=NO;
? ? ? ? ? ? ? ? completion();
? ? ? ? ? ? ? ? return;
? ? ? ? }
? ? ? ? //正常情況下viewcontroller的dismiss
? ? ? ? [selfgigi_dismissViewControllerAnimated:flagcompletion:^{
? ? ? ? ? ? ? ? if(completion) {
? ? ? ? ? ? ? ? ? ? ? ?completion();
? ? ? ? ? ? ? ? }
? ? ? ? }];
}
? ? ? ? 至此才大功告成献雅，對(duì)<input type=file>進(jìn)行了有效的攔截碉考。
? ? ? ? 最后，附上本文的Demo代碼地址：https://github.com/frog78/Gigi
參考鏈接：
http://news.91.com/mip/s594a8f1b155c.html
