淺談關(guān)于Android WebView上傳文件的解決方案
我們在開發(fā)需求的時候,難免會接入一下第三方的H5頁面,有些H5頁面是具有上傳照片的功能,Android 中的 WebView是不能直接打開文件選擇彈框的
接下來我講簡單提供一下解決方案,先說一下思路
1.接收WebView打開文件選擇器的通知
2.收到通知后,打開文件選擇器等待用戶選擇需要上傳的文件
3.在onActivityResult中得到用戶選擇的文件的Uri
4.然后把Uri傳遞給Html5
這樣就完成了一次H5選擇文件的過程,下面我把代碼貼出來自習(xí)看一下
首先,WebView必須要支持JS交互,所以要打開JS交互
mWebView.getSettings().setJavaScriptEnabled(true);
當H5在調(diào)用上傳文件的Api的時候,WebView會回調(diào) openFileChooser和onShowFileChooser 方法來通知我們,我們這個時候要做的就是重寫這個方法
需要注意的是這個方法在不同的Api上會回調(diào)不同行參方法
mWebView.setWebChromeClient(new WebChromeClient() { @Override public void onProgressChanged(WebView view, int newProgress) { if (newProgress == 100) { mBar.setVisibility(View.GONE); } else { mBar.setVisibility(View.VISIBLE); mBar.setProgress(newProgress); } super.onProgressChanged(view, newProgress); } //For Android API < 11 (3.0 OS) public void openFileChooser(ValueCallback<Uri> valueCallback) { uploadMessage = valueCallback; openImageChooserActivity(); } //For Android API >= 11 (3.0 OS) public void openFileChooser(ValueCallback<Uri> valueCallback, String acceptType, String capture) { uploadMessage = valueCallback; openImageChooserActivity(); } //For Android API >= 21 (5.0 OS) @Override public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) { uploadMessageAboveL = filePathCallback; openImageChooserActivity(); return true; } });
我們在openFileChooser方法中先保存了一下ValueCallback的回調(diào)對象,這個對象最后用來通知H5文件地址,我們之后在調(diào)用openFileChooser方法來打開文件選擇器
private void openImageChooserActivity() { Intent i = new Intent(Intent.ACTION_GET_CONTENT); i.addCategory(Intent.CATEGORY_OPENABLE); i.setType("image/*"); startActivityForResult(Intent.createChooser(i, "Image Chooser"), FILE_CHOOSER_RESULT_CODE); }
當用戶選擇完文件后,會調(diào)用onActivityResult方法,我們重寫并等待回調(diào)
@Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { super.onActivityResult(requestCode, resultCode, data); if (requestCode == FILE_CHOOSER_RESULT_CODE) { if (null == uploadMessage && null == uploadMessageAboveL) return; Uri result = data == null || resultCode != RESULT_OK ? null : data.getData(); if (uploadMessageAboveL != null) { onActivityResultAboveL(requestCode, resultCode, data); } else if (uploadMessage != null) { uploadMessage.onReceiveValue(result); uploadMessage = null; } } } @TargetApi(Build.VERSION_CODES.LOLLIPOP) private void onActivityResultAboveL(int requestCode, int resultCode, Intent intent) { if (requestCode != FILE_CHOOSER_RESULT_CODE || uploadMessageAboveL == null) return; Uri[] results = null; if (resultCode == Activity.RESULT_OK) { if (intent != null) { String dataString = intent.getDataString(); ClipData clipData = intent.getClipData(); if (clipData != null) { results = new Uri[clipData.getItemCount()]; for (int i = 0; i < clipData.getItemCount(); i++) { ClipData.Item item = clipData.getItemAt(i); results[i] = item.getUri(); } } if (dataString != null) results = new Uri[]{Uri.parse(dataString)}; } } uploadMessageAboveL.onReceiveValue(results); uploadMessageAboveL = null; }
onActivityResult就是用來通知H5用戶選擇的文件地址,在這個方法里,用我們之前保存的ValueCallback對象,調(diào)用onReceiveValue方法,H5就可以收到我們傳遞給它的地址信息了!
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android Studio使用ViewPager+Fragment實現(xiàn)滑動菜單Tab效果
這篇文章主要為大家詳細介紹了Android Studio使用ViewPager+Fragment實現(xiàn)滑動菜單Tab效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-09-09Android自定義控件之可拖動控制的圓環(huán)控制條實例代碼
這篇文章主要介紹了Android自定義控件之可拖動控制的圓環(huán)控制條實例代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04Android解決dialog彈出時無法捕捉Activity的back事件的方法
這篇文章主要介紹了Android解決dialog彈出時無法捕捉Activity的back事件的方法,涉及Android操作Activity事件的相關(guān)技巧,需要的朋友可以參考下2015-05-05Android設(shè)置TextView樣式SpannableString教程
這篇文章主要為大家介紹了Android設(shè)置TextView樣式SpannableString教程示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02Android編程動態(tài)修改RelativeLayout寬高的方法
這篇文章主要介紹了Android編程動態(tài)修改RelativeLayout寬高的方法,涉及Android動態(tài)布局的相關(guān)技巧,需要的朋友可以參考下2015-12-12