ホームページ > バックエンド開発 > PHPチュートリアル > PHPデベロッパーシティ機能の使い方:ビルド画像・動画アップロード機能

PHPデベロッパーシティ機能の使い方:ビルド画像・動画アップロード機能

WBOY
リリース: 2023-07-28 21:30:01
オリジナル
1581 人が閲覧しました

PHP Developer City 機能の使用方法: 画像とビデオのアップロード機能を構築する

電子商取引の急速な発展に伴い、オンライン ショッピングを選択する人がますます増えています。したがって、完全に機能するモール Web サイトを持つことが企業にとって重要になっています。市のウェブサイトを開発する場合、写真やビデオのアップロード機能は不可欠なコンポーネントです。この記事では、PHP を使用して市の Web サイトを開発し、画像やビデオのアップロード機能を構築する方法を紹介します。開発手順とコード例を以下に段階的に説明します。

ステップ 1: データベースとデータ テーブルを確立する

始める前に、モール Web サイトにデータを保存するための MySQL データベースを作成します。次に、製品の詳細を保存する「product」という名前のデータ テーブルを作成します。 SQL ステートメントの例を次に示します。

CREATE DATABASE my_shop;
USE my_shop;

CREATE TABLE products (
    id INT PRIMARY KEY AUTO_INCREMENT,
    name VARCHAR(255) NOT NULL,
    price DECIMAL(10, 2) NOT NULL,
    description TEXT,
    image VARCHAR(255),
    video VARCHAR(255)
);
ログイン後にコピー

このデータ テーブルには、製品の名前、価格、説明、および画像とビデオのファイル パスが含まれています。

ステップ 2: Web フォームを作成する

画像ファイルとビデオ ファイルをアップロードするには、ユーザーがファイルを選択してサーバーにアップロードできるように、Web ページ上にフォームを作成する必要があります。 。以下はサンプル HTML コードです:

<form action="upload.php" method="POST" enctype="multipart/form-data">
    <label for="image">上传图片:</label>
    <input type="file" name="image" id="image">
    
    <label for="video">上传视频:</label>
    <input type="file" name="video" id="video">
    
    <input type="submit" value="提交">
</form>
ログイン後にコピー

このフォームには 2 つのファイル アップロード入力ボックスが含まれており、それぞれ画像ファイルとビデオ ファイルを選択するために使用されます。フォームの「action」属性は、ファイルのアップロードを処理するために使用される「upload.php」という名前の PHP ファイルを指します。

ステップ 3: ファイルのアップロードを処理する

upload.php ファイルで、ファイルのアップロードを処理し、ファイルをサーバーに保存するための PHP コードを記述する必要があります。次に、PHP コードの例を示します。

<?php
$targetDirectory = "uploads/";

$imageFile = $targetDirectory . basename($_FILES["image"]["name"]);
$videoFile = $targetDirectory . basename($_FILES["video"]["name"]);

$uploadOk = true;

$imageFileType = strtolower(pathinfo($imageFile, PATHINFO_EXTENSION));
$videoFileType = strtolower(pathinfo($videoFile, PATHINFO_EXTENSION));

// 检查文件类型
if ($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
    && $videoFileType != "mp4" && $videoFileType != "mov" && $videoFileType != "avi") {
    echo "只允许上传JPG、JPEG、PNG、MP4、MOV和AVI格式的文件。";
    $uploadOk = false;
}

// 检查文件大小
if ($_FILES["image"]["size"] > 5000000 || $_FILES["video"]["size"] > 50000000) {
    echo "文件大小超过限制。";
    $uploadOk = false;
}

// 检查上传是否成功
if ($uploadOk) {
    if (move_uploaded_file($_FILES["image"]["tmp_name"], $imageFile) &&
        move_uploaded_file($_FILES["video"]["tmp_name"], $videoFile)) {
        echo "文件上传成功。";
    } else {
        echo "文件上传失败。";
    }
}
?>
ログイン後にコピー

このコードでは、最初にアップロード ディレクトリ (uploads/ など) を指定し、次に $_FILES 配列を通じてアップロードされたファイル情報を取得します。次に、ファイルの種類とサイズが要件を満たしているかどうかを確認します。最後に、アップロードが成功すると、ファイルが指定されたディレクトリに移動され、対応するプロンプト メッセージが表示されます。

ステップ 4: ファイル パスをデータベースに保存する

ファイルが正常にアップロードされたら、ファイル パスをデータベースに保存する必要があります。次のコードを、upload.php ファイルに追加します。

// 获取提交的表单数据
$name = $_POST["name"];
$price = $_POST["price"];
$description = $_POST["description"];

// 连接到数据库
$conn = new mysqli("localhost", "username", "password", "my_shop");

// 插入数据到数据库
$sql = "INSERT INTO products (name, price, description, image, video)
        VALUES ('$name', $price, '$description', '$imageFile', '$videoFile')";

if ($conn->query($sql) === true) {
    echo "商品信息保存成功。";
} else {
    echo "商品信息保存失败: " . $conn->error;
}

// 关闭数据库连接
$conn->close();
ログイン後にコピー

このコードは、まず、POST メソッドを通じて送信されたフォーム データを取得します。次に、mysqli を使用してデータベースに接続し、フォーム データとファイル パスを「product」データ テーブルに挿入します。最後に、対応するプロンプト メッセージが表示されます。

上記の手順により、モール Web サイトの画像と動画のアップロード機能を構築することができました。ユーザーがファイルをアップロードすると、ファイルはサーバー上の指定されたディレクトリに保存され、ファイル パスがデータベースに保存されるため、製品情報や対応する写真やビデオが Web サイトに表示されます。

概要

この記事では、PHP Developer City Web サイトの使用方法と、画像とビデオのアップロード機能を構築する方法を紹介します。データベースを構築し、Web フォームを作成し、ファイルのアップロードを処理し、データベースへのファイル パスを保存することで、完全なショッピング モール Web サイト機能を実装しました。この記事が、PHP Developer City Web サイトを使用する初心者に役立つことを願っています。

以上がPHPデベロッパーシティ機能の使い方:ビルド画像・動画アップロード機能の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート