Android StudioSDK30（2021）webview如何使文件输入提示用户图库，照片或视频和实际上传

Question

Android Studio/SDK 30我需要上传到webview的输入文件中。

6年、7年到8年前，有大量答案不再有效：(

我有一个可以使用的工作网络视图。getUserMedia（webrtc），可以使用GPS，但无法在常规

此代码确实询问（当启动应用程序）相机，存储，gps的权限...

我想触发一个提示，要求用户拍照、拍摄视频或从gallery中选择，然后实际上传。

这是我的舱单

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.apptheway.wexview">

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.ACCESS_GPS" />
    <uses-permission android:name="android.permission.ACCESS_ASSISTED_GPS" />
    <uses-permission android:name="android.permission.ACCESS_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.READ_INTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" android:maxSdkVersion="28" />
    <uses-permission android:name="android.permission.WRITE_INTERNAL_STORAGE" android:maxSdkVersion="28" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.CAMERA2" />
    <uses-permission android:name="android.webkit.PermissionRequest" />
    <uses-permission android:name="com.android.vending.BILLING" />
    <uses-permission android:name="com.android.vending.CHECK_LICENSE" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />

    <uses-feature android:name="android.hardware.camera" />
    <uses-feature android:name="android.hardware.camera2" />
    <uses-feature android:name="android.hardware.location.gps" />
    <uses-feature android:name="android.hardware.location.network" />

    <application
        android:allowBackup="true"
        android:fullBackupContent="true"
        android:hardwareAccelerated="true"
        android:requestLegacyExternalStorage="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.AppCompat.NoActionBar">
        <activity
            android:name=".MainActivity"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

这里是主要活动

import android.Manifest;
import android.annotation.SuppressLint;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Window;
import android.webkit.GeolocationPermissions;
import android.webkit.PermissionRequest;
import android.webkit.ValueCallback;
import android.webkit.WebChromeClient;
import android.webkit.WebResourceRequest;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import java.util.Random;

@SuppressLint("SetJavaScriptEnabled")

public class MainActivity extends AppCompatActivity {

    private WebView mWebView;

    private ValueCallback<Uri> mUploadMessage;
    private final static int FILECHOOSER_RESULTCODE = 1;

    @Override
    protected void onStart() {
        super.onStart();

        String[] permissions = {
                Manifest.permission.ACCESS_COARSE_LOCATION,
                Manifest.permission.ACCESS_FINE_LOCATION,
                Manifest.permission.CAMERA,
                Manifest.permission.RECORD_AUDIO,
                Manifest.permission.MODIFY_AUDIO_SETTINGS,
                Manifest.permission.WRITE_EXTERNAL_STORAGE
        };

        requestPermissions(permissions, 0);
    }

    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
        super.onRequestPermissionsResult(requestCode, permissions, grantResults);

        for (int i = 0; i < permissions.length; i++) {
            String permission = permissions[i];
            boolean isGranted = grantResults[i] >= 0;
        }
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        getWindow().requestFeature(Window.FEATURE_NO_TITLE);

        mWebView = new WebView(this);
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setLoadWithOverviewMode(true);
        webSettings.setUseWideViewPort(true);
        webSettings.setDomStorageEnabled(true);
        webSettings.setGeolocationEnabled(true);
        webSettings.setBuiltInZoomControls(true);
        webSettings.setDisplayZoomControls(false);
        webSettings.setSupportZoom(true);
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        webSettings.setJavaScriptEnabled(true);
        webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
        webSettings.setAllowFileAccess(true);
        webSettings.setAllowContentAccess(true);
        webSettings.setDatabaseEnabled(true);
        webSettings.setMediaPlaybackRequiresUserGesture(false);
        webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);

        mWebView.setWebViewClient(new WebViewClient() {

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {

                String url = request.getUrl().toString();

                int opensInWexView = 1;

                // DOMAINS
//                if ( !url.contains("stubfee.com") && !url.contains("stubfee.com") && !url.contains("stubfeedevent.com") ) {
//                    opensInWexView = 0;
//                }

                // IF FILE
                if (    url.contains(".pdf") || url.contains(".mov") || url.contains(".mp") ||
                        url.contains(".hv") || url.contains(".aif") || url.contains(".wav") ||
                        url.contains(".xls") || url.contains(".doc") || url.contains(".txt")
                ) {
                    opensInWexView = 0;
                }

                // URL SCHEME
                if (    url.startsWith("tel:") || url.startsWith("sms:") ||
                        url.startsWith("mms:") || url.startsWith("mailto:") ||
                        url.startsWith("fax:")
                ) {
                    opensInWexView = 0;
                }

                switch (opensInWexView) {
                    case 0:
                        Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                        startActivity(intent);
                        break;
                    default:
                        view.loadUrl(url);
                        break;
                }

                return true;

            }
        });

        mWebView.setWebChromeClient(new WebChromeClient() {

            // CAMERA
            public void onPermissionRequest(final PermissionRequest request) {
                request.grant(request.getResources());
            }

            // GPS
            public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermissions.Callback callback) {
                callback.invoke(origin, true, false);
            }

            // FILE INPUT

        });

        mWebView.loadUrl("https://www.stubfee.com/account/" + (new Random().nextInt((1000000 - 1) + 1) + 1) + "/");

        this.setContentView(mWebView);

    }

    @Override
    public boolean onKeyDown(final int keyCode, final KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
            mWebView.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

}

在许多答案中，他们谈到了在内部添加代码

mWebView.setWebChromeClient(new WebChromeClient() {}

但我尝试从网络的任何答案；它确实工作：（

在其中一个答案中，我打开了图库，但当选择一个文件时，什么也没有发生：(

有没有更近期的方法？

我错过了什么？

我试过了，但没有成功

在WebView中从相机或画廊上传图像

Android Webview从画廊或相机上传图像

使用Android FileProvider将照片和视频保存到图库

在WebView Android Studio中上传文件

如何在Android Studio中使用WebView上传文件？

如何使上传按钮在Android应用程序的工作？

谢谢




Answer 1

我也遇到了同样的问题，并且在WebChromeClient上也遇到了问题，我最近找到了答案。onShowFileChooser是关键事件。（我在尝试将mWebView作为参数传递给一个新的类构造函数时遇到了麻烦，但是当我将定义保存在MainActive中时，它确实起作用了。）

此外，这种技术还避免了现在不推荐使用的startActivityForResult和onActivityResult函数。

静态编程语言

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)

    supportActionBar!!.hide()
    val progressBarView = findViewById<ProgressBar>(R.id.webviewProgress)
    mWebview.settings.allowContentAccess = true
    mWebview.settings.allowFileAccess = true
    mWebview.settings.domStorageEnabled = true
    mWebview.settings.javaScriptEnabled = true
    mWebview.webViewClient = AppWebViewClient(progressBarView)
    mWebview.webChromeClient = object:WebChromeClient() {
        override fun onShowFileChooser(mWebView:WebView,
                                       filePathCallback:ValueCallback<Array<Uri>>,
                                       fileChooserParams:FileChooserParams):Boolean {
            if (mUploadMessage != null) {
                mUploadMessage!!.onReceiveValue(null)
                mUploadMessage = null
            }
            mUploadMessage = filePathCallback
            val contentSelectionIntent = Intent(Intent.ACTION_GET_CONTENT)
            contentSelectionIntent.addCategory(Intent.CATEGORY_OPENABLE)
            contentSelectionIntent.type = "*/*"
            val intent = Intent(Intent.ACTION_CHOOSER)
            intent.putExtra(Intent.EXTRA_INTENT, contentSelectionIntent)
            intent.putExtra(Intent.EXTRA_TITLE, "File Chooser")
            try {
                getFileResultLauncher.launch(intent)
            } catch (e: ActivityNotFoundException) {
                mUploadMessage = null
                Toast.makeText(getApplicationContext(), "Cannot Open File Chooser", Toast.LENGTH_LONG).show()
                return false
            }
            return true
        }
    }
    mWebview.loadUrl(getString(R.string.app_url))

}

val getFileResultLauncher = registerForActivityResult(
    ActivityResultContracts.StartActivityForResult()
) {
    ar: ActivityResult ->
    val intent: Intent? = ar.data
    val result = if (intent == null || ar.resultCode != RESULT_OK) null else arrayOf(Uri.parse(intent.dataString))
    mUploadMessage!!.onReceiveValue(result);
    mUploadMessage = null;
}

override fun onBackPressed() {
    _webview.goBack()
}