两步搞定：Android WebView加载本地图片的简单方法

在Android开发中，实现WebView中img标签加载本地图片是一项常见的需求，特别是在处理用户上传或预览本地文件时。本文将详细解释如何通过简单的两步操作来实现这一功能。 首先，确保在WebSettings中启用WebView对文件的访问权限。在WebView对象初始化后，获取WebSettings对象并进行如下设置： ```java WebSettings webSettings = webView.getSettings(); webSettings.setAllowUniversalAccessFromFileURLs(true); // 允许从任何位置访问文件 webSettings.setAllowFileAccess(true); // 允许在WebView内部访问本地文件 webSettings.setAllowFileAccessFromFileURLs(true); // 重复设置，以确保所有类型的文件URL都允许访问 ``` 这些设置允许WebView能够解析和加载指定路径的本地图片资源。 其次，你需要提供图片的本地路径。在本文例中，作者使用了Environment.getExternalStorageDirectory()获取外部存储设备的根目录，并结合File类的separator属性来构建完整的路径。确保路径以 "file://" 开头，格式如下： ```java String path = "file://" + Environment.getExternalStorageDirectory() + File.separator + "123.jpg"; ``` 在HTML代码中，创建一个img标签，为其src属性赋值调用JavaScript函数： ```html <img id="img" alt="上海鲜花港-郁金香" style="width:100%;height:100%" /> <script> function aa(path) { alert(path); var img = document.getElementById("img"); img.src = path; } </script> ``` 在Android应用程序中，可以通过JavaScript接口与网页交互，当图片路径准备就绪时，调用JavaScript函数并传递本地图片路径： ```java AlertDialog.Builder alertDialogBuilder = new AlertDialog.Builder(this); alertDialogBuilder.setTitle("选择图片"); alertDialogBuilder.setMessage("请选择图片文件:"); alertDialogBuilder.setPositiveButton("确定", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // 在这里获取用户选择的图片路径 String selectedPath = ...; // 获取实际的路径 // 调用JavaScript更新img标签 webView.loadUrl("javascript:aa('" + selectedPath + "')"); } }); alertDialogBuilder.show(); ``` 总结起来，要在Android WebView中加载本地图片，关键在于正确设置WebSettings的文件访问权限，并在JavaScript与Android应用之间建立桥梁，以便传递图片路径。这使得开发者能够简化过程，避免复杂的第三方库依赖，从而实现在WebView中高效加载本地图片。