关于iOS UIWebView处理HTML<input>文件的多单选择解决方案

第一次写帖子，希望能帮助到大家，最近在项目中使用h5和iOS UIWebView交互时遇到一些问题，跟大家分享一下，写的不对的地方，求大佬们指点

iOS 使用UIWebView加载h5页面，h5页面有一个input标签如：<input id="fileId" type="file" accept="image/png,image/jpeg" multiple>用于上传文件，点击会调用iOS的相册或相机、浏览等，如图1，简单说一下multiple属性限制单选和多重选择

input标签中无论怎么写multiple属性，UIWebView加载的文件上传都是多重选择。经发现UIWebView会自动为HTML <input type="file">标签添加多个属性。这种行为与iOS版本不同，差不多算是UIWebView的bug.

解决就非常简单了，使用WKWebView替换UIWebView，WKWebView优于UIWebView，正确处理<input type="file">。

方法：首先，需要在Safari显示Develop菜单。打开Safari，点击Safari ->Peferences ->Advanced，勾选"Show Develop Menu in Menubar"。

模拟器调试

如果是在模拟器中调试的话：

1、在模拟器中打开应用，并点开需要调试WebView的页面；

2、在Safari中点Develop ->iOS Simulator ->XXX.app，d出Web Inspector进行调试。

真机调试

如果想用真机调试的话（只能调试用Xcode编译安装的应用）：

1、先在设备上启用Web Inspector：点Settings ->Safari ->Advanced，启用Web Inspector；

2、打开应用，并点开需要调试WebView的页面；

3、在Safari中点Develop ->设备名 ->xxx.app或者xxx.html，d出Web Inspector进行调试。

---