Bootstrap - Submit file input form?

Question

I have this Bootstrap from model, and I do not know why the submit button does not sent the file, it sent nothing.

<form action="myPage.php" class="form-horizontal form-bordered">
    <div class="form-body">
        <div class="form-group">
            <div class="col-md-6 col-md-offset-3">
                <div class="fileinput fileinput-new" data-provides="fileinput">
                    <div class="input-group input-large">
                        <div class="form-control uneditable-input input-fixed input-medium" data-trigger="fileinput">
                            <i class="fa fa-file fileinput-exists"></i>&nbsp;
                                <span class="fileinput-filename"> </span>
                        </div>
                            <span class="input-group-addon btn default btn-file">
                            <span class="fileinput-new"> CHOOSE FILE </span>
                            <span class="fileinput-exists"> CHANGE </span>
                            <input type="file" name="..."> </span>
                            <a href="javascript:;" class="input-group-addon btn red fileinput-exists" data-dismiss="fileinput"> DELETE </a>
                        </div>
                     </div>
                 </div>
             </div>
         </div>
     <div class="form-actions">
         <div class="row">
             <div class="col-md-6 col-md-offset-3">
                 <a href="javascript:;" class="btn btn-outline grey-salsa">Cancel</a>
             </div>
          </div>
    </div>
</form>

all links are available

Where is the submit button?

Vandesh
– Vandesh

2017-08-10 21:00:27 +00:00
Commented Aug 10, 2017 at 21:00 — Vandesh
– Vandesh, Commented Aug 10, 2017 at 21:00

Issam Ben Ameur · Accepted Answer · 2017-08-10 21:01:13Z

1

Try this code : <form action="myPage.php" method="post" enctype="multipart/form-data">

<div class="form-group"> <label for="exampleInputFile">CHOOSE FILE</label> <input type="file" id="exampleInputFile"> <p class="help-block">Example block-level help text here.</p> </div>

<button type="submit" class="btn btn-default">Submit</button> </form>

answered Aug 10, 2017 at 21:01

Issam Ben Ameur

2342 silver badges12 bronze badges

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

2 Comments

user8208945 Over a year ago

First I forgot enctype="multipart/form-data"

user8208945 Over a year ago

and there was some error in the action file... Now all works fine, thank you

Issam Ben Ameur · Accepted Answer · 2017-08-10 20:45:47Z

0

you are using link ,You need submit button <button type="submit" class="btn btn-default">Submit</button> and your form is messing ">" <form action="myPage.php" class="form-horizontal form-bordered"

answered Aug 10, 2017 at 20:45

Issam Ben Ameur

2342 silver badges12 bronze badges

3 Comments

user8208945 Over a year ago

the ">" miss just here and not in my original code.

Issam Ben Ameur Over a year ago

So add method="post" enctype="multipart/form-data" cause you uploading file ,imean '<form action="upload.php" method="post" enctype="multipart/form-data">'

user8208945 Over a year ago

do not work also! the problem is in the submit button part

Collectives™ on Stack Overflow

Bootstrap - Submit file input form?

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related