PHPでCSV上書きアップロード機能を作る方法【サンプルコード付き】

php

PHPでCSV上書きアップロード機能を作る方法

PHPでCSVファイルを上書きアップロードする機能を作る方法を紹介します。CSVファイルを選択してアップロードすると、既存のCSVファイルを新しいCSVファイルへ置き換えて保存できます。データベースを使わずにCSVデータを一括更新したい場合や、最新データへ差し替えたい場合に使えるサンプルコードです。

コードについて 本記事のコードはサンプルコードです。ご利用前に必ず動作確認を行ってください。
免責事項 本コードの利用により発生した損害について、当サイトは一切の責任を負いません。

デモ

CSVファイルを上書きアップロードしました。
名前 カテゴリー メールアドレス
山田 太郎 営業 taro@example.com
佐藤 花子 企画 hanako@example.com

コードをコピーして使おう！

<?php

$message = '';

if (
    $_SERVER['REQUEST_METHOD'] === 'POST' &&
    isset($_FILES['csv_file'])
) {

    $file = $_FILES['csv_file'];

    if (
        $file['error'] === 0 &&
        strtolower(
            pathinfo(
                $file['name'],
                PATHINFO_EXTENSION
            )
        ) === 'csv'
    ) {

        move_uploaded_file(
            $file['tmp_name'],
            'data.csv'
        );

        $message =
            'CSVファイルを上書きアップロードしました。';

    }

}

$rows = [];

if (file_exists('data.csv')) {

    if (($fp = fopen('data.csv', 'r')) !== false) {

        while (($row = fgetcsv($fp)) !== false) {
            $rows[] = $row;
        }

        fclose($fp);

    }

}

?>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>CSV上書きアップロード</title>

<style>

body{
    font-family:sans-serif;
    margin:20px;
}

.upload-wrap{
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:24px;
    margin-bottom:24px;
}

.note{
    margin:0 0 16px;
    line-height:1.8;
    color:#374151;
}

.file-input{
    width:100%;
    margin-bottom:16px;
}

.upload-btn{
    border:none;
    background:#ff6a00;
    color:#fff;
    padding:14px 24px;
    border-radius:10px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
}

.success{
    margin-top:16px;
    padding:12px 16px;
    background:#ecfdf5;
    border:1px solid #86efac;
    border-radius:10px;
}

.table-wrap{
    border:1px solid #e5e7eb;
    border-radius:20px;
    overflow:hidden;
}

table{
    width:100%;
    border-collapse:collapse;
}

th{
    background:#f7f2e5;
}

th,
td{
    padding:16px;
    text-align:left;
    border-bottom:1px solid #e5e7eb;
}

</style>

</head>
<body>

<div class="upload-wrap">

    <p class="note">
        ※このサンプルは上書き保存です。アップロードしたCSVで既存の data.csv を置き換えます。
    </p>

    <form
        method="post"
        enctype="multipart/form-data">

        <input
            type="file"
            name="csv_file"
            accept=".csv"
            class="file-input"
            required>

        <button
            type="submit"
            class="upload-btn">
            CSVを上書きアップロード
        </button>

    </form>

    <?php if ($message): ?>

    <div
        class="success"
        id="successMessage">

        <?=
        htmlspecialchars(
            $message,
            ENT_QUOTES,
            'UTF-8'
        )
        ?>

    </div>

    <script>
    setTimeout(function(){

        const msg =
            document.getElementById(
                'successMessage'
            );

        if(msg){
            msg.style.display='none';
        }

    },3000);
    </script>

    <?php endif; ?>

</div>

<div class="table-wrap">

<table>

    <tr>
        <th>名前</th>
        <th>カテゴリー</th>
        <th>メールアドレス</th>
    </tr>

    <?php foreach ($rows as $row): ?>

    <tr>
        <td><?= htmlspecialchars($row[0] ?? '', ENT_QUOTES, 'UTF-8') ?></td>
        <td><?= htmlspecialchars($row[1] ?? '', ENT_QUOTES, 'UTF-8') ?></td>
        <td><?= htmlspecialchars($row[2] ?? '', ENT_QUOTES, 'UTF-8') ?></td>
    </tr>

    <?php endforeach; ?>

</table>

</div>

</body>
</html>

ファイル構成と設置方法

このサンプルで使用するファイル構成です。
下記のファイルを同じフォルダ（同じ階層）へ配置してください。 

sample/
├─ index.php
└─ data.csv

サーバーへ設置する場合は、index.php と data.csv を同じフォルダ（同じ階層）へアップロードしてください。

このサンプルは上書き保存です。CSVファイルをアップロードすると、既存の data.csv がアップロードしたCSVファイルへ置き換わります。既存データを残したい場合は、事前にバックアップを取得してください。

PHPはサーバー上で実行されるため、PHPファイルをダブルクリックしても動作しません。動作確認はレンタルサーバーへアップロードするか、PHPが利用できるローカル環境で行ってください。

コメント