Android & iOS

package com.example.myapplication;

import android.app.Activity;
import android.app.DownloadManager;
import android.content.Intent;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.os.Environment;
import android.webkit.*;

import androidx.appcompat.app.AppCompatActivity;

import java.net.URL;

public class MainActivity extends AppCompatActivity {
    private WebView webView;
    private ValueCallback<Uri[]> filePathCallback;
    private final int REQUEST_SELECT_FILE = 100;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = findViewById(R.id.webView);

        webView.setWebViewClient(new WebViewClient());
        webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onReceivedTitle(WebView view, String title) {
                // 这里我们使用了原生组件的Title，因此需要在View Title变化时，同步更新原生组件的Title
                super.onReceivedTitle(view, title);
                setTitle(title);
            }

            @Override
            public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> callback, FileChooserParams fileChooserParams) {
                // 网页中有文件上传控件时，会调用这个方法
                filePathCallback = callback;
                if (fileChooserParams.getAcceptTypes().length > 0 && fileChooserParams.getAcceptTypes()[0].startsWith("image/")) {
                    Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
                    intent.setType("image/*");
                    intent.putExtra(Intent.EXTRA_MIME_TYPES, new String[]{"image/png", "image/jpeg", "image/gif", "image/webp", "image/bmp"});
                    Intent chooserIntent = Intent.createChooser(intent, "选择图片");
                    startActivityForResult(chooserIntent, REQUEST_SELECT_FILE);
                } else {
                    Intent intent = fileChooserParams.createIntent();
                    Intent chooserIntent = Intent.createChooser(intent, "选择文件");
                    startActivityForResult(chooserIntent, REQUEST_SELECT_FILE);
                }
                return true;
            }
        });

        WebSettings webSettings = webView.getSettings();
        DownloadBlobFileJSInterface mDownloadBlobFileJSInterface = new DownloadBlobFileJSInterface(this);
        // DownloadManager只支持http和https协议，因此需要在这里使用mDownloadBlobFileJSInterface处理blob协议
        webView.addJavascriptInterface(mDownloadBlobFileJSInterface, "Android");
        webView.setDownloadListener((url, userAgent, contentDisposition, mimetype, contentLength) -> {
            if (url.startsWith("http://") || url.startsWith("https://")) {
                DownloadManager.Request request = new DownloadManager.Request(Uri.parse(url));
                request.allowScanningByMediaScanner();
                request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED);
                request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS, "download");
                DownloadManager dm = (DownloadManager) getSystemService(DOWNLOAD_SERVICE);
                dm.enqueue(request);
            } else if (url.startsWith("blob:")) {
                String filename = url.split("\\\\?filename=")[1];
                webView.loadUrl(mDownloadBlobFileJSInterface.getBase64StringFromBlobUrl(url, filename));
            }
        });

        // 打开LocalStorage
        webSettings.setDomStorageEnabled(true);
        // 允许Js支持
        webSettings.setJavaScriptEnabled(true);
        // Cookie支持
        CookieManager cookieManager = CookieManager.getInstance();
        cookieManager.setAcceptCookie(true);
        cookieManager.setAcceptThirdPartyCookies(webView, true);
        // 允许访问文件
        webSettings.setAllowFileAccess(true);
        webSettings.setAllowFileAccessFromFileURLs(true);
        webSettings.setAllowUniversalAccessFromFileURLs(true);
        webSettings.setAllowContentAccess(true);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            webSettings.setAllowFileAccessFromFileURLs(true);
            webSettings.setAllowUniversalAccessFromFileURLs(true);
        }
        // 加载网站(隐藏标题栏使用参数 hideHeader=true)
        webView.loadUrl("https://tccc.qcloud.com/web/im/chat/?webAppId=9903496b6be2e57ad291dd2333f3ad9f&hideHeader=true");
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == REQUEST_SELECT_FILE) {
            if (filePathCallback == null) {
                return;
            }
            if (resultCode == Activity.RESULT_OK) {
                if (data == null) {
                    filePathCallback.onReceiveValue(new Uri[]{});
                } else {
                    filePathCallback.onReceiveValue(WebChromeClient.FileChooserParams.parseResult(resultCode, data));
                }
            } else {
                filePathCallback.onReceiveValue(null);
            }
            filePathCallback = null;
        }
    }
}