iOS上H5不能用input上传文件，前端改一下吧

Question

如题所述

Answer 1

在iOS设备上使用H5遇到文件上传问题？前端解决方案来了。当一款hybrid应用在iOS系统中遇到H5页面文件上传导致APP崩溃的情况时，前端开发者不得不介入。问题出在input[type=file]的使用上，尽管在微信小程序中正常，但在APP中却出现异常，即使相机权限已授，拍照操作依然触发了问题。

APP团队建议将H5页面中的原生上传功能替换为与APP的桥接方法，前端开发者迅速响应，着手修改代码以实现跨平台兼容。然而，这引发了一些质疑，因为尽管传统上webview中的input标签上传存在兼容性问题，但在当前的测试条件下，同一H5在APP和微信小程序上的表现不一致，让人怀疑是APP本身的问题。

为了验证，开发者创建了一个简单的demo，并在真机iPhone 7上运行，发现WKWebView在iOS 15.7.1上支持图片选择和拍照，没有出现崩溃，原生标签功能还能提供预览。这表明问题可能不单纯是H5的锅，而是需要进一步深入排查APP层面的可能影响。

在hybrid开发中，经常被要求对原生和H5之间的差异进行适配，虽然这在一定程度上可以解决问题，但过度依赖这种“擦屁股”工作可能会让前端工程师陷入困境。质疑和调研的能力在这个过程中同样重要，因为H5并不完全理解原生的运作方式，如何找到最优解才是关键。