Laravel 9带CV文件输入的更新表单调试问题

我正在开发Laravel 9的面试信息更新表单，其中包含CV文件上传框，需求是用户仅在需要更换错误简历时上传新文件。但提交表单后，通过dd($request)调试发现请求里没有cv字段，其他字段均正常传递。

当前代码 #

InterviewController.php #

public function update(Request $request, $id)
{
    // 验证表单数据
    $request->validate([
        'candidat_name' => 'required|string',
        'poste' => 'required|string',
        'interview_time' => 'required|date_format:H:i',
        'interview_date' => 'required|date',
        'cv' => 'nullable|file|mimes:pdf,doc,docx|max:2048',
        'description' => 'required|string',
    ]);

    // 查找对应的Interview模型实例
    $interview = Interview::findOrFail($id);

    // 更新基础字段
    $interview->candidat_name = $request->input('candidat_name');
    $interview->poste = $request->input('poste');
    $interview->interview_time = $request->input('interview_time');
    $interview->interview_date = $request->input('interview_date');
    $interview->description = $request->input('description');

    // 处理CV文件上传（如果有新文件）
    if ($request->hasFile('cv')) {
        // 删除旧文件（如果存在）
        if ($interview->cv) {
            Storage::delete('public/' . $interview->cv);
        }
        $cv = $request->file('cv');
        $cvPath = $cv->store('cvs', 'public');
        $interview->cv = $cvPath;
    } else {
        // 无新文件时保留原路径（此行可删除，模型会自动保留原字段值）
        $interview->cv = $interview->cv;
    }

    // 保存更新
    $interview->save();

    // 重定向并返回成功消息
    return redirect()->route('interviews.index')->with('success', 'Interview updated successfully.');
}

index.blade.php #

@foreach ($interviews as $interview)
<div class="modal fade bd-example-modal-lg" id="editModal-{{ $interview->id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myLargeModalLabel">Modifier Informations</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                </button>
            </div>

            <div class="modal-body">
                <form action="{{ route('interviews.update', $interview->id) }}" method="POST" enctype="multipart/form-data">                   
                    @csrf
                    @method('PUT')
                    <div class="row mb-3">
                        <div class="col">
                            <label for="">Candidat</label>
                            <input type="text" class="form-control form-control-sm" name="candidat_name" id="candidat_name" value="{{ $interview->candidat_name }}" placeholder="Nom & Prénom">
                        </div>
                        <div class="col">
                            <label for="">Poste</label>
                            <select class="form-select form-control-sm" name="poste" id="poste" required>
                                <option value="" disabled selected>Sélectionner Poste</option>
                                @foreach ($jobs as $job)
                                    <option value="{{ $job->poste }}" {{ $interview->poste == $job->poste ? 'selected' : '' }}>{{ $job->poste }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="row mb-2">
                        <div class="col">
                            <label for="">Heure d'entretien</label>
                            <input type="time" class="form-control form-control-sm" name="interview_time" id="interview_time" value="{{ $interview->interview_time }}" placeholder="Nom & Prénom">
                        </div>
                        <div class="col">
                            <label for="">Date d'entretien</label>
                            <input type="date" class="form-control form-control-sm" name="interview_date" id="interview_date" value="{{ $interview->interview_date }}">
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="">Curriculum Vitae</label>
                      
                        <input class="form-control file-upload-input" type="file" name="cv" id="formFile">
                    </div>
                    
                    <div class="form-group mb-4">
                        <label for="exampleFormControlTextarea1">Description</label>
                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" name="description">{{ $interview->description }}</textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="button" value="{{__('Annuler')}}" class="btn  btn-dark" data-bs-dismiss="modal">
                    <input type="submit" value="{{__('Modifier')}}" class="btn  btn-primary">
                </div>
            </form>
        </div>
    </div>
</div> 
@endforeach

解决方案 #

问题出在HTML表单的嵌套结构错误：表单<form>标签在<div class="modal-body">内部打开，但<div class="modal-body">先于表单闭合，导致浏览器解析时出现异常，文件输入框未被正确包含在表单范围内。

调整表单的位置，让<form>标签包裹整个modal-body和modal-footer，确保所有表单元素和提交按钮都在表单范围内：

@foreach ($interviews as $interview)
<div class="modal fade bd-example-modal-lg" id="editModal-{{ $interview->id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myLargeModalLabel">Modifier Informations</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                </button>
            </div>

            <!-- 调整form位置，包裹modal-body和modal-footer -->
            <form action="{{ route('interviews.update', $interview->id) }}" method="POST" enctype="multipart/form-data">                   
                @csrf
                @method('PUT')
                
                <div class="modal-body">
                    <div class="row mb-3">
                        <div class="col">
                            <label for="">Candidat</label>
                            <input type="text" class="form-control form-control-sm" name="candidat_name" id="candidat_name" value="{{ $interview->candidat_name }}" placeholder="Nom & Prénom">
                        </div>
                        <div class="col">
                            <label for="">Poste</label>
                            <select class="form-select form-control-sm" name="poste" id="poste" required>
                                <option value="" disabled selected>Sélectionner Poste</option>
                                @foreach ($jobs as $job)
                                    <option value="{{ $job->poste }}" {{ $interview->poste == $job->poste ? 'selected' : '' }}>{{ $job->poste }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="row mb-2">
                        <div class="col">
                            <label for="">Heure d'entretien</label>
                            <input type="time" class="form-control form-control-sm" name="interview_time" id="interview_time" value="{{ $interview->interview_time }}" placeholder="Nom & Prénom">
                        </div>
                        <div class="col">
                            <label for="">Date d'entretien</label>
                            <input type="date" class="form-control form-control-sm" name="interview_date" id="interview_date" value="{{ $interview->interview_date }}">
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="">Curriculum Vitae</label>
                      
                        <input class="form-control file-upload-input" type="file" name="cv" id="formFile">
                    </div>
                    
                    <div class="form-group mb-4">
                        <label for="exampleFormControlTextarea1">Description</label>
                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" name="description">{{ $interview->description }}</textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="button" value="{{__('Annuler')}}" class="btn  btn-dark" data-bs-dismiss="modal">
                    <input type="submit" value="{{__('Modifier')}}" class="btn  btn-primary">
                </div>
            </form>
        </div>
    </div>
</div> 
@endforeach

另外，控制器中else分支的$interview->cv = $interview->cv;属于冗余代码，可以直接删除，因为模型会自动保留原有字段的值，无需重新赋值。

内容的提问来源于stack exchange，提问作者Abdellah Hajjam