android-webview-upload-file
android-webview-upload-file copied to clipboard
Published
20 hours ago •
chiclaim
chiclaim
android webview choose file to upload
Android WebView文件上传
本工程为大家演示在H5中如何上传文件，同时也提供了服务端代码，有兴趣的读者可以部署起来，测试文件上传功能。
如果只对客户端部分感兴趣，只需要关注WebView文件选择部分即可
服务端代码下载地址， 客户端可以用如下url来上传文件
http://your ip address:port/AndroidMvvmServer/upload，如 http://192.168.1.200:8080/AndroidMvvmServer/upload
经过测试的机型
| 厂商 | 机型 | 系统版本 |
|---|---|---|
| 三星 | GalaxyS4 | Android5.0.1 |
| 小米 | 红米4 | Android6.0.1 |
| 华为 | 荣耀7I | Android6.0.1 |
| 华为 | 荣耀V8 | Android8.0 |
| 华为 | Mate20 | Android9.0 |
在华为荣耀某台机器上(Android5.0)上，文件选择效果如下所示：
在Android4.4版本中, 如果使用系统默认的文件选择器，使用相册来选择文件而不是文件选项来选择文件 可能会遇到不能正确获取到选择的文件名. 如下图所示：
不同手机厂商手机默认的文件选择器
在红米手机上Android6.0(左) 和 华为荣耀7IAndroid6.0(右)，WebView文件选择效果如下所示：
自定义WebView文件选择器
不同的手机定制厂商对WebView文件选择器不管是在样式上还是按钮个数上都不尽相同。
如果需要统一WebView文件选择样式，需要自定义WebView文件选择器，如下图所示：
需要注意的问题
1，如果在使用的过程中，或者在此基础上进行修改的过程中 ，出现H5的中的选择文件按钮点击没有反应，可能是ValueCallback没有重置导致的。
2，本项目主要处理H5文件选择的问题，关于权限、文件存储的目录可以自行根据实际情况修改
chiclaim