Android WebViewアップロードファイルのソリューションについて
8759 ワード
私たちは開発ニーズの際、サードパーティのH 5ページにアクセスするのは避けられません.一部のH 5ページには写真をアップロードする機能があり、AndroidのWebViewではファイル選択弾枠を直接開くことはできません.
次に簡単に解決策を提供して、まず考えを話します.
1.WebViewがファイルセレクタを開くという通知を受信する
2.通知を受け取った後、ファイルセレクタを開き、ユーザーがアップロードするファイルを選択するのを待つ
3.onActivity Resultでユーザが選択したファイルのUriを得る
4.そしてUriをHtml 5に渡す
これでH 5ファイルを選択するプロセスが完了しました.次はコードを貼って自習してみます.
まず、WebViewはJSインタラクションをサポートする必要があるので、JSインタラクションを開く
H 5がアップロードされたファイルのApiを呼び出すと、WebViewはopenFileChooserとonShowFileChooserメソッドをコールバックして私たちに知らせてくれます.私たちがこのときしなければならないのは、このメソッドを書き直すことです.
この方法は異なるApiで異なる行パラメータメソッドをコールバックすることに注意してください.
OpenFileChooserメソッドにValueCallbackのコールバックオブジェクトを保存しました.このオブジェクトは最後にH 5ファイルアドレスを通知するために使用され、openFileChooserメソッドを呼び出してファイルセレクタを開きます.
ユーザーがファイルを選択すると、onActivity Resultメソッドが呼び出され、コールバックを書き換えて待機します.
onActivityResultはH 5ユーザーに選択したファイルアドレスを通知するためのもので、この方法では、私たちが以前保存していたValueCallbackオブジェクトを使って、onReceiveValueメソッドを呼び出し、H 5は私たちが伝えたアドレス情報を受け取ることができます!
次に簡単に解決策を提供して、まず考えを話します.
1.WebViewがファイルセレクタを開くという通知を受信する
2.通知を受け取った後、ファイルセレクタを開き、ユーザーがアップロードするファイルを選択するのを待つ
3.onActivity Resultでユーザが選択したファイルのUriを得る
4.そしてUriをHtml 5に渡す
これでH 5ファイルを選択するプロセスが完了しました.次はコードを貼って自習してみます.
まず、WebViewはJSインタラクションをサポートする必要があるので、JSインタラクションを開く
mWebView.getSettings().setJavaScriptEnabled(true);
H 5がアップロードされたファイルのApiを呼び出すと、WebViewはopenFileChooserとonShowFileChooserメソッドをコールバックして私たちに知らせてくれます.私たちがこのときしなければならないのは、このメソッドを書き直すことです.
この方法は異なるApiで異なる行パラメータメソッドをコールバックすることに注意してください.
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 valueCallback) {
uploadMessage = valueCallback;
openImageChooserActivity();
}
//For Android API >= 11 (3.0 OS)
public void openFileChooser(ValueCallback valueCallback, String acceptType, String capture) {
uploadMessage = valueCallback;
openImageChooserActivity();
}
//For Android API >= 21 (5.0 OS)
@Override
public boolean onShowFileChooser(WebView webView, ValueCallback filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {
uploadMessageAboveL = filePathCallback;
openImageChooserActivity();
return true;
}
});
OpenFileChooserメソッドにValueCallbackのコールバックオブジェクトを保存しました.このオブジェクトは最後にH 5ファイルアドレスを通知するために使用され、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);
}
ユーザーがファイルを選択すると、onActivity Resultメソッドが呼び出され、コールバックを書き換えて待機します.
@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はH 5ユーザーに選択したファイルアドレスを通知するためのもので、この方法では、私たちが以前保存していたValueCallbackオブジェクトを使って、onReceiveValueメソッドを呼び出し、H 5は私たちが伝えたアドレス情報を受け取ることができます!