本文档旨在提供一个完整的教程，指导开发者如何通过 Android WebView 实现将图片上传到 MySQL 数据库的功能。教程涵盖了前端 HTML 代码、后端 PHP 代码以及相关的注意事项，帮助开发者理解整个上传流程并成功实现图片上传功能。
前端：HTML 代码
首先，我们需要在 HTML 中创建一个文件上传表单。这个表单将包含一个文件选择输入框和一个提交按钮。以下是一个简单的 HTML 示例：
<html> <head> <title>File Upload</title> </head> <body> <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <button type="submit" name="upload">upload</button> </form> </body> </html>
代码解释：
- <form action="upload.php" method="post" enctype="multipart/form-data">: 定义了一个表单，action 属性指定了处理上传的 PHP 脚本（upload.php），method 属性设置为 post，enctype="multipart/form-data" 是上传文件时必须设置的属性。
- <input type="file" name="file" />: 创建一个文件选择输入框，type="file" 表示这是一个文件选择框，name="file" 是文件在服务器端接收时的名称。
- <button type="submit" name="upload">upload</button>: 创建一个提交按钮，type="submit" 表示这是一个提交按钮，name="upload" 用于在 PHP 脚本中判断表单是否已提交。
注意事项：
确保在 WebView 中正确加载此 HTML 代码。可以通过将 HTML 代码嵌入到字符串中，然后在 WebView 中使用 loadData() 方法加载，或者将 HTML 文件放置在 assets 目录中，并使用 loadUrl() 方法加载。
后端：PHP 代码
接下来，我们需要编写 PHP 脚本来处理上传的文件，并将其存储到 MySQL 数据库中。以下是一个 PHP 示例：
<?php
include_once 'database.php'; // 包含数据库连接文件
if(isset($_POST['upload']))
{
// 生成随机文件名，避免重复
$file = rand(1000,100000)."-".$_FILES['file']['name'];
$file_loc = $_FILES['file']['tmp_name']; // 临时文件路径
$file_size = $_FILES['file']['size']; // 文件大小
$file_type = $_FILES['file']['type']; // 文件类型
$folder="upload/"; // 上传目录
// 计算文件大小，单位为 KB
$new_size = $file_size/1024;
// 将文件名转换为小写
$new_file_name = strtolower($file);
// 将文件名中的空格替换为 -
$final_file=str_replace(' ','-',$new_file_name);
// 移动文件到指定目录
if(move_uploaded_file($file_loc,$folder.$final_file))
{
// 插入数据库
$sql="INSERT INTO image(file,type,size) VALUES('$final_file','$file_type','$new_size')";
mysqli_query($conn,$sql);
echo "File sucessfully upload";
}
else
{
echo "Error.Please try again";
}
}
?>代码解释：
- include_once 'database.php';: 包含数据库连接文件，你需要根据你的实际情况创建 database.php 文件，其中包含数据库连接信息。
- if(isset($_POST['upload'])): 检查表单是否已提交。
- $_FILES['file']['name'], $_FILES['file']['tmp_name'], $_FILES['file']['size'], $_FILES['file']['type']: 获取上传文件的相关信息，包括文件名、临时文件路径、文件大小和文件类型。
- move_uploaded_file($file_loc,$folder.$final_file): 将临时文件移动到指定目录。
- $sql="INSERT INTO image(file,type,size) VALUES('$final_file','$file_type','$new_size')": 构建 SQL 插入语句，将文件信息插入到数据库中。
- mysqli_query($conn,$sql): 执行 SQL 语句。
注意事项：
- 确保 PHP 脚本具有足够的权限来写入上传目录。
- database.php 文件需要包含数据库连接信息，例如主机名、用户名、密码和数据库名。
- image 表需要在数据库中创建，包含 file, type, size 等字段。
- 为了安全起见，应该对上传的文件进行验证，例如检查文件类型和大小。
database.php 示例：
<?php
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";
// 创建连接
$conn = mysqli_connect($servername, $username, $password, $dbname);
// 检测连接
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
?>Android WebView 配置
最后，需要在 Android WebView 中启用文件上传功能。以下是一些必要的配置：
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setDomStorageEnabled(true);
webView.getSettings().setAllowFileAccess(true);
webView.getSettings().setAllowContentAccess(true);
webView.setWebChromeClient(new WebChromeClient() {
// For Android 5.0+
public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
// Implement file chooser logic here
return true;
}
});代码解释：
- webView.getSettings().setJavaScriptEnabled(true): 启用 JavaScript 支持。
- webView.getSettings().setDomStorageEnabled(true): 启用 DOM Storage。
- webView.getSettings().setAllowFileAccess(true): 允许访问文件。
- webView.getSettings().setAllowContentAccess(true): 允许访问内容。
- webView.setWebChromeClient(...): 设置 WebChromeClient，用于处理文件选择事件。onShowFileChooser() 方法是处理文件选择的关键。
注意事项：
- 需要实现 onShowFileChooser() 方法中的文件选择逻辑，例如打开文件管理器让用户选择文件。
- 需要添加相应的权限，例如 READ_EXTERNAL_STORAGE 和 WRITE_EXTERNAL_STORAGE。
- 对于 Android 5.0 及以上版本，需要使用 ValueCallback<Uri[]> filePathCallback 来返回选择的文件。
总结：
通过以上步骤，你可以成功地实现 Android WebView 文件上传至 MySQL 数据库的功能。请务必仔细阅读每个步骤，并根据你的实际情况进行调整。 确保服务器端PHP配置正确，并且Android WebView有足够的权限访问文件。 此外，为了安全起见，建议对上传的文件进行验证和过滤。
