Android WebView 文件上传至 MySQL 数据库教程-php教程-PHP中文网

Android WebView 文件上传至 MySQL 数据库教程

DDD

发布： 2025-08-05 17:04:12

原创

602人浏览过

android webview 文件上传至 mysql 数据库教程

本文档旨在提供一个完整的教程，指导开发者如何通过 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 脚本中判断表单是否已提交。

注意事项：

码上飞

码上飞（CodeFlying）是一款AI自动化开发平台，通过自然语言描述即可自动生成完整应用程序。

138

查看详情

确保在 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() 方法是处理文件选择的关键。

注意事项：