Issue With Validating Multiple File Uploads #15044

KayTokyo · 2016-08-25T14:34:20Z

Hi,

I have a single input field for multiple uploads.

<input type="file" name="attachments[]" multiple>

I am trying to validate each file with the same set of rules.

'attachments.*'     => 'mimes:pdf,xls,doc,docx,pptx,pps,jpeg,bmp,png|max:20000',

I am having some issues with this, i hope someone could address.

Although i have not set a required attribute to the validation, the input field is now required.
Although i have added .xls to the acceptable mime types, im still unable to upload a .xls file (excel)
I do not see any error messages for this input.

Thank you.

The text was updated successfully, but these errors were encountered:

fernandobandeira · 2016-08-25T14:46:11Z

Wich version of laravel and php are you using(excatly)?

I guess that you are on PHP7, since thats the most common one when this error occurs.

KayTokyo · 2016-08-25T15:02:35Z

I am but actually i just updated to php 7 on this machine. I was having the same issue on an older version of php.

ctf0 · 2016-08-25T15:10:45Z

how do u display the error for this validation ?

KayTokyo · 2016-08-25T15:15:13Z

Ye there maybe something wrong here?

    <div class="form-group {{ $errors->has('attachments.*') ? ' has-error' : '' }}">
                        @include('errors.validation-message', ['inputName' => 'attachments'])
                        {{$errors->first('attachments.*')}}
                        <input type="file" name="attachments[]">
                    </div>

errors.validation-message

@if ($errors->has($inputName))
    <span class="help-block">
        <strong>{{ $errors->first($inputName) }}</strong>
    </span>
@endif

But i can see them when i use

                @if($errors->any())
                    @foreach($errors->getMessages() as $this_error)
                        <p style="color: red;">{{$this_error[0]}}</p>
                    @endforeach
                @endif

themsaid · 2016-08-25T15:24:48Z

old office documents are uploaded as application/vnd.ms-office (.doc, .xls, .ppt, etc...) based on the server configurations, to validate for an xls extension symfony expects a application/vnd.ms-excel instead, that's why your xls files won't pass.

Are you running on nginx?

KayTokyo · 2016-08-25T15:27:39Z

Im running apache. So what mine type do i need to add to my validation rule to get .xls files working and the older ones.

ctf0 · 2016-08-25T15:33:00Z

maybe u can try to use mimetypes instead https://laravel.com/docs/5.3/validation#rule-mimetypes http://www.freeformatter.com/mime-types-list.html

KayTokyo · 2016-08-25T15:34:54Z

I will try that, but any ideas why the field still throws the error The attachments.0 must be of type: pdf, xls, doc, docx, pptx, pps, jpeg, bmp, png. when the field is not required.

ctf0 · 2016-08-25T15:35:39Z

for validation array error msg, still no sign of how exactly to display it https://laravel.com/docs/5.3/validation#validating-arrays which already have like a couple of issues which got closed for no reason and mostly to get the error u cant use $errors->has('attachments.*') because the error array comes in numbers attachments.0, attachments.1, etc.. so u have to use ``$errors->has('attachments.0')` to get it work but again it will fail if the error is related to another index.

KayTokyo · 2016-08-25T15:48:51Z

Yeah i saw those issues closed thats why i decided to open this.

KayTokyo · 2016-08-25T15:50:27Z

@ctfo Because theres so many issues with uploading multiple files with a single input field. Do you think it could work if i dynamically add a single file input field for each upload using js and then validate each one individually ? Is that possible

ctf0 · 2016-08-25T15:54:27Z

u can ofcourse do so but i have also came up with a solution for displaying the array errors #13779 (comment)

ctf0 · 2016-08-25T15:56:21Z

as for why u r always getting the error for the upload even when its not required , maybe u can try with a single file and see if u r still getting the same or is it only related to the multi file, showing us the whole form code would be better.

KayTokyo · 2016-08-25T15:58:25Z

I tried with a single file input, it works this issue is only with multiple file upload

ctf0 · 2016-08-25T15:59:28Z

r u on v5.2 or v5.3 ? if on latest downgrade to v5.2 and re-test

KayTokyo · 2016-08-25T16:00:20Z

Validation

<?php

namespace App\Http\Requests;

use App\Http\Requests\Request;
use Illuminate\Support\Facades\Auth;

class CreateEventRequest extends Request
{

    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {

        return Auth::user()->role_id == 1;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {

        $rules = [
            'title'             => 'required',
            'live_link'         => 'required',
            'hero_image'        => 'required|image|mimes:jpeg,bmp,png|max:5000',
            'overview'          => 'required',
            'type'              => 'required|',
            'status'            => 'required|',
            'address_name'      => 'required_if:type,conference,',
            'address_line_1'    => 'required_if:type,conference,',
            'address_line_2'    => 'required_if:type,conference,',
            'address_city'      => 'required_if:type,conference,',
            'address_country'   => 'required_if:type,conference,',
            'address_postcode'  => 'required_if:type,conference,',
            'start_date'        => 'required|date',
            'max_users'         => 'numeric',
            'contact_telephone' => 'required',
            'contact_email'     => 'required|email',
            'attachments.*'     => 'mimes:pdf,xls,doc,docx,pptx,pps,jpeg,bmp,png|max:20000',
        ];

        return $rules;
    }

    /**
     * Get the error messages that should be displayed if validation fails.
     *
     * @return array
     */
    public function messages()
    {

        return [
            'hero_image.max' => 'The hero image cannot be greater than 5mb.',
        ];

    }
}

Html

    <div class="form-group {{ $errors->has('attachments') ? ' has-error' : '' }}">
                        @include('errors.validation-message', ['inputName' => 'attachments'])
                        <input type="file" name="attachments[]" multiple>
                    </div>

@if ($errors->has($inputName))
    <span class="help-block">
        <strong>{{ $errors->first($inputName) }}</strong>
    </span>
@endif

KayTokyo · 2016-08-25T16:00:58Z

This issue was happening on 5.2 and is still happening on 5.3 after i upgraded

ctf0 · 2016-08-25T16:08:18Z

mmmmm, try to make the validation manually https://laravel.com/docs/5.3/validation#manually-creating-validators and only add the attachment to the rules array and see if the error still display.

themsaid · 2016-08-25T16:13:43Z

We're discussing multiple issues here:

Although i have not set a required attribute to the validation, the input field is now required.

Symfony Request creates a [0 => null] as a value of an empty file input that allows multiple files, this causes the validator to fail the check of a valid file even though no files exist, but internally it thinks theres a file with value null

Although i have added .xls to the acceptable mime types, im still unable to upload a .xls file

old office documents are uploaded as application/vnd.ms-office (.doc, .xls, .ppt, etc...) based on the server configurations, to validate for an xls extension symfony expects a application/vnd.ms-excel instead, that's why your xls files won't pass.

I do not see any error messages for this input.

That's not related to multiple files in specific actually, it's related to array validation in general, which I think should be solved.

I'm going to check also on how to solve the first matter with symfony returning a null and see how this can be dealt with in laravel.

ctf0 · 2016-08-25T16:23:32Z

@themsaid

Symfony Request creates a [0 => null] as a value of an empty file input that allows multiple files, this causes the validator to fail the check of a valid file even though no files exist, but internally it thinks theres a file with value null

maybe u r right but i have 'photo.*' => 'sometimes|image|max:3072', which works as expected and doesn't give errors like the previously mentiond

themsaid · 2016-08-25T16:37:01Z

That's in Laravel 5.2 yes, because null would make the field not validatable and thus pass validation. In 5.3 this behaviour has changed. Using nullable|image would make the same effect as in 5.2.

ctf0 · 2016-08-25T16:51:22Z

is this documented somewhere ?

EDIT:
found it , actually sometimes and nullable does the same thing, i wonder why it was even added❓

on another note, if the input is required, laravel will make this input = null if it doesn't have a value "anything that != false" so the validation stops the form which makes sense,

but sometimes means that the input will only be present in the input array if and only if its != null "or falsy value" otherwise it will be ignored so again i don't know what exactly is nullable for.

themsaid · 2016-08-25T17:08:25Z

Check https://laravel.com/docs/5.3/upgrade under Nullable Primitives, it doesn't cover this specific case though, just a general notice that null isn't considered a valid value anymore.

themsaid · 2016-08-25T17:15:39Z

sometimes checks for presence, nullable checks for null.

KayTokyo · 2016-08-25T17:40:03Z

@themsaid

Symfony Request creates a [0 => null] as a value of an empty file input that allows multiple files, this causes the validator to fail the check of a valid file even though no files exist, but internally it thinks theres a file with value null

So this is a known bug then, i assume its being looked into? Im not sure whether i should completely change the way i upload multiple files or wait for the fix...

old office documents are uploaded as application/vnd.ms-office (.doc, .xls, .ppt, etc...) based on the server configurations, to validate for an xls extension symfony expects a application/vnd.ms-excel instead, that's why your xls files won't pass.

So here i need to use the full mimetypes instead of mimes. So application/vnd.ms-excel instead of xls, Is that right?

That's not related to multiple files in specific actually, it's related to array validation in general, which I think should be solved.

What do you mean by this, is there a fix being released? or am i outputting the error messages wrong, if so how do i properly output it.

thank you

themsaid · 2016-08-25T17:45:45Z

Use nullable|mimes:... that'll fix your issue.
Use application/vnd.ms-office as the type, that'll validate it's a .xls, or .doc, or .ppt.
I personally believe this needs a fix yes, will look into that sometime soon. For now you can use this workaround or similar.

KayTokyo · 2016-08-26T08:30:34Z

@themsaid

Hi thank you, 1. and 2. are now fixed for me.

Number 3. My final problem is here displaying the error messages. I dont want to declare my validation in my controller just because there is so much going on. How can i integrate @ctf0 solution into my form request class.

thank you.

themsaid · 2016-08-26T09:13:50Z

@KayTokyo please check #15063 and let me know your feedback.

KayTokyo · 2016-08-26T09:18:07Z

@themsaid

Looks good and it would solve this issue for me. thank you again for your help on this.

ctf0 · 2016-08-26T16:30:15Z

@themsaid can u also update the docs on how to retrieve the array errors so everyone can party ?

ctf0 · 2016-08-26T16:52:40Z

@KayTokyo u dont need to include the validation logic in ur controller https://gist.github.com/ctf0/bb137c135b6d9383184d4deec0b24d56

themsaid · 2016-08-27T10:11:32Z

@ctf0 working on that.

KayTokyo · 2016-08-27T11:20:38Z

@themsaid

Hey i was 100% that "application/vnd.ms-office" had fixed the issue for me. But ive tested it again today and i can't seem to pass validation on any office files. Ive tried .doc and .xls. Can someone else check this for me pls

Heres my validation once again

'attachments.*'     => 'nullable|mimes:application/vnd.ms-office,pdf,jpeg,bmp,png|max:20000'

themsaid · 2016-08-27T11:27:49Z

You need to use mimetypes instead of mimes, mimes is used with extensions.

KayTokyo · 2016-08-27T11:35:44Z

Is it possible to use mimetypes validation alongside mime validation?

For example

'attachments.*' => 'nullable|mimetypes:application/vnd.ms-office|mimes:pdf,jpeg,bmp,png|max:20000'

Though this is returning the error.

validation.mimetypes
The attachments.0 must be a file of type: pdf, jpeg, bmp, png.

If i remove mimes and just try the validation below i still get the error validation.mimetypes. Still doesn't seem to work.

'attachments.*'     => 'nullable|mimetypes:application/vnd.ms-office|max:20000'

themsaid · 2016-08-27T11:38:58Z

So office files won't pass with this rule?

'attachments.*'     => 'nullable|mimetypes:application/vnd.ms-office|max:20000'

KayTokyo · 2016-08-27T11:40:10Z

I just double checked to make sure and with those rules, office files don't pass validation. returning the error validation.mimetypes in the view.

KayTokyo · 2016-08-27T11:41:45Z

Oh weird, .xls actually passes validation but not .doc.

Edit:
Its really not consistent, i downloaded some samples and they all dont pass.

Samples i used. From google.

www.columbia.edu/~dj114/excel-examples.xls

www.ezconf.net/docs/SOLI%202008/sample.doc

www.unm.edu/~unmvclib/powerpoint/pptexamples.ppt

KayTokyo · 2016-08-27T12:09:45Z

If i want to validate legacy and new Microsoft extensions i need to write them out fully like below. This will validate ppt/pptx, doc/docx, xls/xlsx.

'attachments.*'     => 'nullable|mimetypes:application/vnd.ms-excel,application/vnd.ms-powerpoint,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet|max:20000'

https://en.wikipedia.org/wiki/List_of_Microsoft_Office_filename_extensions
http://stackoverflow.com/questions/4212861/what-is-a-correct-mime-type-for-docx-pptx-etc

Now as much as its a pain to list those (not even included mimetypes which contain office macros/scripts). Along side this how do i add validation for mimes such as pdf/jpg/png. As its returning the error "validation.mimetypes" (this is not descriptive as to know which mimetypes are available) when selecting a pdf.

Edit: i decided to stick with just using mimetypes as i don't think you can use both mimetypes and mimes.

        'attachments.*'     => 'nullable|mimetypes:application/vnd.ms-excel,application/vnd.ms-powerpoint,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/pdf,image/jpeg,image/png|max:20000'

And because the error message when validating mimetypes is not descriptive ive added a custom error message.

    public function rules()
    {

        $rules = [
            'attachments.*'     => 'nullable|mimetypes:application/vnd.ms-excel,application/vnd.ms-powerpoint,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/pdf,image/jpeg,image/png|max:20000'
        ];

        return $rules;
    }

    /**
     * Get the error messages that should be displayed if validation fails.
     *
     * @return array
     */
    public function messages()
    {

        $messages = [
            'attachments.*.max'   => 'The attachment cannot be greater than 20mb',
            'attachments.*.mimetypes'   => 'File type must only be of type: doc,docx,ppt,pptx,xls,xlsx,pdf,jpeg,png',

        ];

        return $messages;

    }

themsaid · 2016-08-27T12:48:00Z

Check here: https://www.sitepoint.com/web-foundations/mime-types-complete-list/

themsaid · 2016-08-27T12:48:52Z

You can write a custom validation rule to hide all this behind it, also to be able to use these rules anywhere else.

KayTokyo · 2016-08-27T13:23:33Z

Right, also has the fix the #15063 been released?

timgavin · 2016-09-02T12:44:31Z

I'm having a similar problem with the upload field being required when no file is present. In my case I have a form which consists of title, body and photo[] fields. The user must fill in at least one field in order to submit the form, so using nullable doesn't work for me, as it allows for an empty form to be submitted.

If the user fills in the title or body fields they still receive the mime validation error because [0 => null]. I'm using L5.3.6

return [
    'title' => 'required_without_all:body,photo',
    'body' => 'required_without_all:title,photo',
    'price' => 'numeric',
    'photo' => 'array',
    'photo.*' => 'required_without_all:title,body|mimetypes:image/jpeg,image/png,image/gif',
];

ctf0 · 2016-09-02T13:14:10Z

@timgavin u should have the photo rule as

'photo.*' => 'required_without_all:title,body|mimetypes:image/jpeg,image/png,image/gif',

without the photo array one

timgavin · 2016-09-02T13:32:21Z

@ctfo Removing it makes no difference; still receiving the error. Plus, having 'photo' => 'array', was the only way I could get it to work with required_without_all.

ctf0 · 2016-09-02T16:00:01Z

if then u should put ur rules as

'photo' => 'required_without_all:title,body|array|mimetypes:image/jpeg,image/png,image/gif',

however this is just another newly introduced issue with the array validation in the 5.3. maybe @themsaid can help

timgavin · 2016-09-02T16:15:59Z

@ctfo Actually, doing that breaks my custom validation messages.

public function rules()
{
    return [
        ...
        'photo' => 'array',
        'photo.*' => 'required_without_all:title,body|mimetypes:image/jpeg,image/png,image/gif',
    ];
}

returns my custom error message

File can only be JPEG, GIF or PNG.

But

public function rules()
{
    return [
        ...
        'photo.*' => 'required_without_all:title,body|array|mimetypes:image/jpeg,image/png,image/gif',
    ];
}

returns

The photo.0 must be an array.

themsaid · 2016-09-02T21:40:03Z

@timgavin proposed a fix to the issue: #15250

timgavin · 2016-09-10T21:14:58Z

@themsaid Confirmed; working as expected. Thanks! :)

GrahamCampbell closed this as completed Aug 26, 2016

themsaid mentioned this issue Sep 2, 2016

[5.3] fix multifile uploads when empty #15250

Merged

ctf0 mentioned this issue Sep 28, 2016

[5.3][Proposal] change array validation msgs to the actual file names instead of index laravel/ideas#225

Closed

Issue With Validating Multiple File Uploads #15044

Issue With Validating Multiple File Uploads #15044

Comments

KayTokyo commented Aug 25, 2016

fernandobandeira commented Aug 25, 2016

KayTokyo commented Aug 25, 2016

ctf0 commented Aug 25, 2016

KayTokyo commented Aug 25, 2016

themsaid commented Aug 25, 2016

KayTokyo commented Aug 25, 2016

ctf0 commented Aug 25, 2016

KayTokyo commented Aug 25, 2016 • edited

ctf0 commented Aug 25, 2016

KayTokyo commented Aug 25, 2016

KayTokyo commented Aug 25, 2016 • edited

ctf0 commented Aug 25, 2016

ctf0 commented Aug 25, 2016

KayTokyo commented Aug 25, 2016

ctf0 commented Aug 25, 2016

KayTokyo commented Aug 25, 2016 • edited

KayTokyo commented Aug 25, 2016

ctf0 commented Aug 25, 2016

themsaid commented Aug 25, 2016

ctf0 commented Aug 25, 2016

themsaid commented Aug 25, 2016

ctf0 commented Aug 25, 2016 • edited

themsaid commented Aug 25, 2016

themsaid commented Aug 25, 2016

KayTokyo commented Aug 25, 2016 • edited

themsaid commented Aug 25, 2016

KayTokyo commented Aug 26, 2016 • edited

themsaid commented Aug 26, 2016

KayTokyo commented Aug 26, 2016 • edited

ctf0 commented Aug 26, 2016

ctf0 commented Aug 26, 2016

themsaid commented Aug 27, 2016

KayTokyo commented Aug 27, 2016 • edited

themsaid commented Aug 27, 2016

KayTokyo commented Aug 27, 2016

themsaid commented Aug 27, 2016

KayTokyo commented Aug 27, 2016 • edited

KayTokyo commented Aug 27, 2016 • edited

KayTokyo commented Aug 27, 2016 • edited

themsaid commented Aug 27, 2016

themsaid commented Aug 27, 2016 • edited

KayTokyo commented Aug 27, 2016

timgavin commented Sep 2, 2016

ctf0 commented Sep 2, 2016

timgavin commented Sep 2, 2016

ctf0 commented Sep 2, 2016

timgavin commented Sep 2, 2016

themsaid commented Sep 2, 2016

timgavin commented Sep 10, 2016

KayTokyo commented Aug 25, 2016 •

edited

KayTokyo commented Aug 25, 2016 •

edited

KayTokyo commented Aug 25, 2016 •

edited

ctf0 commented Aug 25, 2016 •

edited

KayTokyo commented Aug 25, 2016 •

edited

KayTokyo commented Aug 26, 2016 •

edited

KayTokyo commented Aug 26, 2016 •

edited

KayTokyo commented Aug 27, 2016 •

edited

KayTokyo commented Aug 27, 2016 •

edited

KayTokyo commented Aug 27, 2016 •

edited

KayTokyo commented Aug 27, 2016 •

edited

themsaid commented Aug 27, 2016 •

edited