Accept for input type validation issue

Question

Hello I have added accept in file input type and when i upload png image it show error Please enter a value with a valid extension. searched a lot and tried different ways but couldn't figure out.

Below is the code for file type.

<input type="file" name="image" accept=".jpg, .png,.jpeg" id="file" class="custom-file-input" />

When i upload png image then only issue occurs with message Please enter a value with a valid extension.

In controller below is the code for validation of image.

$validator = Validator::make($request->all(), [
                'image' => 'mimes:jpeg,bmp,png|max:4000',
            ]);

raju_odi · Accepted Answer · 2018-07-24 09:59:38Z

2

Hello i have resolved the issue and the problem was space between accept types

code with bug is as below

<input type="file" name="image" accept=".jpg, .png,.jpeg" id="file" class="custom-file-input" />

After resolving bug (in accept there is space after .jpg, .png) so removed it.

<input type="file" name="image" accept=".jpg,.png,.jpeg" id="file" class="custom-file-input" />

answered Jul 24, 2018 at 9:59

raju_odi

1,47513 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

CanCoder Over a year ago

thanks. I initially used accept="image/*" and it keeps getting the error until i tried your solution

H H · Accepted Answer · 2018-07-24 09:32:55Z

0

You have not completed the requirements for the mimetypes rule:

https://laravel.com/docs/5.6/validation#rule-mimetypes

'image' => 'mimetypes:image/jpeg,image/png,image|max:4000',

You should use the mimes rule as shown in the docs

'image' => 'mimes:jpeg,png|max:4000',

answered Jul 24, 2018 at 9:32

H H

2,1131 gold badge25 silver badges32 bronze badges

3 Comments

raju_odi Over a year ago

Still getting error Please enter a value with a valid extension. no luck

raju_odi Over a year ago

It shows error message from jquery.validate.min.js js script

H H Over a year ago

have a look at this: github.com/jquery-validation/jquery-validation/issues/1258 . Try jzaefferer suggestion of using the extension method

mwaseema · Accepted Answer · 2018-07-24 09:51:37Z

0

Without the complete code, it won't be easy for anyone to tell you exactly what can be the error or problem.

I assume you are using a form to submit the file and you might have missed enctype="multipart/form-data" on the form tag.

answered Jul 24, 2018 at 9:51

mwaseema

11810 bronze badges

Collectives™ on Stack Overflow

Accept for input type validation issue

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related