フォームで複数ファイルを選択できるようにするにしたい

2024年6月18日

フォームで複数ファイルを選択できるようにするには、<input> 要素の multiple 属性を使用します。以下は修正したコードです：

html
{% extends "tools/base.html" %}

{% block title %}CSV文字コード変換{% endblock %}

{% block content %}
  <h2>CSV Converter</h2>
  <form method="post" action="{% url 'tools:conversion_character_code' %}" enctype="multipart/form-data">
    {% csrf_token %}

    <label for="files">Upload CSV Files:</label>
    <input type="file" name="files" accept=".csv" multiple required><br>

    <label>変換後の希望する文字コードを選択して下さい</label><br>
    <input type="radio" name="selected_encoding" value="utf-8" checked>
    <label for="utf-8">UTF-8</label><br>

    <input type="radio" name="selected_encoding" value="shift-jis">
    <label for="shift-jis">Shift_JIS</label><br>

    <input type="radio" name="selected_encoding" value="cp932">
    <label for="cp932">CP932</label><br>

    <button type="submit" class="btn btn-primary">アップロード</button>
  </form>
{% endblock %}

この変更により、<input> 要素に multiple 属性が追加され、ユーザーは複数のファイルを同時に選択できるようになります。また、選択肢の value 属性も修正されています。適切なエンコーディング値が送信されるように確認してください。

未分類

Posted by ぼっち