安卓 WebView 套壳 及调用文件上传功能

概述

在最近我做的项目中，需要做一个在手机APP中上传照片的功能，由于之前已经写好了一个上传照片的网页端，因此决定直接用webview封装我做好的网页，实现一个套壳app。

等封装成功后却遇到了一个问题，那就是在网页上功能正常的上传文件按钮到了webview里却点不动，没有什么反应，后来经过各种学习解决了这个问题。

造成这个问题的原因：
原因是 H5 访问本地文件的时候，使用的 ,WebView 出于安全性的考虑，限制了以上操作。

---

将网页封装进app

添加 WebView 布局

修改 app/res/layout/activity_main.xml 文件，去掉原有的TextView 标签，添加一个 WebView 标签并保存。

activity_main.xml文件

<!-- 展示一个 WebView -->
<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

在入口处创建 WebView 实例

在 MainActivity.java 文件中添加一个 createWebView 函数（不要忘记导入用到的包），并在生命周期 onCreate 中调用该函数，来创建一个 WebView 实例并对其进行配置。

MainActivity.java文件

package com.example.webviewdemo;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {
   

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

        this.createWebView();
    }

    /* 创建 WebView 实例 */
    @SuppressLint("SetJavaScriptEnabled")
    private void createWebView() {
   
        // 创建 WebView 实例并通过 id 绑定我们刚在布局中创建的 WebView 标签
        // 这里的 R.id.webview 就是 activity_main.xml 中的 WebView 标签的 id
        final WebView webView = (WebView) findViewById(R.id.webview);

        // 设置 WebView 允许执行 JavaScript 脚本
        webView.getSettings().setJavaScriptEnabled(true);

        // 确保跳转到另一个网页时仍然在当前 WebView 中显示
        // 而不是调用浏览器打开
        webView.setWebViewClient(new WebViewClient());

        // 加载指定网页
        String url = "https://chenpipi.cn";
        webView.loadUrl(