控制器正在为两个名称获取一个图像

Question

我正在发送带有表格数据的图像，一张用于学生成绩单，一张用于个人资料图片。但是当我在 headers 中看到响应时，它显示了两个参数的一张图像。

HTML marksheet 代码

<div class="col-md-3 offset-1">
  <input class="form-control" type="file" name="tei" class="tei">
  <label class="control-label">Image</label><i class="bar"></i>
</div>

HTML 头像代码

<div class="col-md-3 offset-1">
  <input class="form-control" type="file" name="image" >
  <label class="control-label">Image</label><i class="bar"></i>
</div>

Jquery 发送图像到控制器的代码

formdata.append('image',$('input[type=file]')[0].files[0]);
formdata.append('tei',$("input[name='tei']")[0].files[0]);

控制器代码

public function studentform(Request $request)
{
    dd($request->all());
}

Header 回应

这里的图片用于个人资料图片，tei 用于标记表（现在看这两个名称的图片名称相同）

image" => UploadedFile {#264
    -test: false
    -originalName: "Capture.JPG"
    -mimeType: "image/jpeg"
    -error: 0

"tei" => UploadedFile {#265
    -test: false
    -originalName: "Capture.JPG"
    -mimeType: "image/jpeg"
    -error: 0
    #hashName: null

Answer 1

在您的 Javascript 代码中，您将一张图像附加到输入 type，另一张图像附加到输入 name，请尝试将两张图像附加到输入 name。

根据您的 HTML 结构（例如哪个元素先出现），它会 select 错误的图像。

试试这个：

formdata.append('image', $("input[name='image']")[0].files[0]);  
formdata.append('tei', $("input[name='tei']")[0].files[0]);

控制器正在为两个名称获取一个图像

Controller is getting one image for both names

image

form-data

laravel