本文檔旨在提供一個(gè)完整的教程，指導(dǎo)開發(fā)者如何通過Android WebView 實(shí)現(xiàn)將圖片上傳到MySQL 數(shù)據(jù)庫的功能。教程涵蓋了前端HTML 代碼、後端PHP 代碼以及相關(guān)的注意事項(xiàng)，幫助開發(fā)者理解整個(gè)上傳流程並成功實(shí)現(xiàn)圖片上傳功能。

前端：HTML 代碼

首先，我們需要在HTML 中創(chuàng)建一個(gè)文件上傳表單。這個(gè)表單將包含一個(gè)文件選擇輸入框和一個(gè)提交按鈕。以下是一個(gè)簡單的HTML 示例：

 

<title>File Upload</title>

代碼解釋：

• : 定義了一個(gè)表單，action 屬性指定了處理上傳的PHP 腳本（upload.php），method 屬性設(shè)置為post，enctype="multipart/form-data" 是上傳文件時(shí)必須設(shè)置的屬性。
• : 創(chuàng)建一個(gè)文件選擇輸入框，type="file" 表示這是一個(gè)文件選擇框，name="file" 是文件在服務(wù)器端接收時(shí)的名稱。
• upload: 創(chuàng)建一個(gè)提交按鈕，type="submit" 表示這是一個(gè)提交按鈕，name="upload" 用於在PHP 腳本中判斷表單是否已提交。

注意事項(xiàng)：

確保在WebView 中正確加載此HTML 代碼?？梢酝ㄟ^將HTML 代碼嵌入到字符串中，然後在WebView 中使用loadData() 方法加載，或者將HTML 文件放置在assets 目錄中，並使用loadUrl() 方法加載。

後端：PHP 代碼

接下來，我們需要編寫PHP 腳本來處理上傳的文件，並將其存儲(chǔ)到MySQL 數(shù)據(jù)庫中。以下是一個(gè)PHP 示例：

 <?php include_once &#39;database.php&#39;; // 包含數(shù)據(jù)庫連接文件if(isset($_POST[&#39;upload&#39;]))
{
    // 生成隨機(jī)文件名，避免重複$file = rand(1000,100000)."-".$_FILES[&#39;file&#39;][&#39;name&#39;];
    $file_loc = $_FILES[&#39;file&#39;][&#39;tmp_name&#39;]; // 臨時(shí)文件路徑$file_size = $_FILES[&#39;file&#39;][&#39;size&#39;]; // 文件大小$file_type = $_FILES[&#39;file&#39;][&#39;type&#39;]; // 文件類型$folder="upload/"; // 上傳目錄// 計(jì)算文件大小，單位為KB
    $new_size = $file_size/1024;

    // 將文件名轉(zhuǎn)換為小寫$new_file_name = strtolower($file);

    // 將文件名中的空格替換為-
    $final_file=str_replace(&#39; &#39;,&#39;-&#39;,$new_file_name);

    // 移動(dòng)文件到指定目錄if(move_uploaded_file($file_loc,$folder.$final_file))
    {
        // 插入數(shù)據(jù)庫$sql="INSERT INTO image(file,type,size) VALUES(&#39;$final_file&#39;,&#39;$file_type&#39;,&#39;$new_size&#39;)";
        mysqli_query($conn,$sql);

        echo "File sucessfully upload";
    }
    else
    {
        echo "Error.Please try again";
    }
}
?>

代碼解釋：

• include_once 'database.php';: 包含數(shù)據(jù)庫連接文件，你需要根據(jù)你的實(shí)際情況創(chuàng)建database.php 文件，其中包含數(shù)據(jù)庫連接信息。
• if(isset($_POST['upload'])): 檢查表單是否已提交。
• $_FILES['file']['name'], $_FILES['file']['tmp_name'], $_FILES['file']['size'], $_FILES['file']['type']: 獲取上傳文件的相關(guān)信息，包括文件名、臨時(shí)文件路徑、文件大小和文件類型。
• move_uploaded_file($file_loc,$folder.$final_file): 將臨時(shí)文件移動(dòng)到指定目錄。
• $sql="INSERT INTO image(file,type,size) VALUES('$final_file','$file_type','$new_size')": 構(gòu)建SQL 插入語句，將文件信息插入到數(shù)據(jù)庫中。
• mysqli_query($conn,$sql): 執(zhí)行SQL 語句。

注意事項(xiàng)：

• 確保PHP 腳本具有足夠的權(quán)限來寫入上傳目錄。
• database.php 文件需要包含數(shù)據(jù)庫連接信息，例如主機(jī)名、用戶名、密碼和數(shù)據(jù)庫名。
• image 表需要在數(shù)據(jù)庫中創(chuàng)建，包含file, type, size 等字段。
• 為了安全起見，應(yīng)該對上傳的文件進(jìn)行驗(yàn)證，例如檢查文件類型和大小。

database.php 示例：

 <?php $servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";

// 創(chuàng)建連接$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;
    }
});</uri>

代碼解釋：

• webView.getSettings().setJavaScriptEnabled(true): 啟用JavaScript 支持。
• webView.getSettings().setDomStorageEnabled(true): 啟用DOM Storage。
• webView.getSettings().setAllowFileAccess(true): 允許訪問文件。
• webView.getSettings().setAllowContentAccess(true): 允許訪問內(nèi)容。
• webView.setWebChromeClient(...): 設(shè)置WebChromeClient，用於處理文件選擇事件。 onShowFileChooser() 方法是處理文件選擇的關(guān)鍵。

注意事項(xiàng)：

• 需要實(shí)現(xiàn)onShowFileChooser() 方法中的文件選擇邏輯，例如打開文件管理器讓用戶選擇文件。
• 需要添加相應(yīng)的權(quán)限，例如READ_EXTERNAL_STORAGE 和WRITE_EXTERNAL_STORAGE。
• 對於Android 5.0 及以上版本，需要使用ValueCallback filePathCallback 來返回選擇的文件。

總結(jié)：

通過以上步驟，你可以成功地實(shí)現(xiàn)Android WebView 文件上傳至MySQL 數(shù)據(jù)庫的功能。請務(wù)必仔細(xì)閱讀每個(gè)步驟，並根據(jù)你的實(shí)際情況進(jìn)行調(diào)整。 確保服務(wù)器端PHP配置正確，並且Android WebView有足夠的權(quán)限訪問文件。 此外，為了安全起見，建議對上傳的文件進(jìn)行驗(yàn)證和過濾。

以上是Android WebView 文件上傳至 MySQL 數(shù)據(jù)庫教程的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！