How to upload a customize <input type=“file”> without submit button

Question

Is it possible to upload an img and store it in DB without a submit button?

CSS

#upload-file-container {
   width: 90px;
   height: 90px;
   position: relative;
   border:2px solid;
   border-radius:20px;
   border-color:rgb(58,147,231);
   color:rgb(58,147,231);
   overflow: hidden;
   float:right;
}

#upload-file-container input[type="file"] {
   margin: 0;
   opacity: 0;   
   font-size: 100px;
}

HTML

<div id="upload-file-container" >
   <input type="file"  value="No Picture"/>
</div>

or do you have to put a submit button to be able to store it ? I wonder ؟_؟

so how Facebook upload the image directly when the user choose it ?? — Abeer
– Abeer, Commented Apr 4, 2014 at 20:19
Where are you uploading to? You won't be able to upload anything without a form which initiates the request for the upload to a destination. — SearchForKnowledge
– SearchForKnowledge, Commented Apr 4, 2014 at 20:22
i think you cand to this but with hiding the submit button and trigger it with javascript when the file input is set:-? — Andrei Terecoasa
– Andrei Terecoasa, Commented Apr 4, 2014 at 20:24

dikkini · Accepted Answer · 2014-04-04 20:24:19Z

1

Jquery upload, dropzone.

or

DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews.

answered Apr 4, 2014 at 20:24

dikkini

1,1921 gold badge23 silver badges54 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 10:31:50Z

0

You cannot. It requires a form and a form submits info using submit button or you can use JavaScript. Something like this document.getElementById('theForm').submit();

Source: How to submit a form using javascript?

edited May 23, 2017 at 10:31

CommunityBot

11 silver badge

answered Apr 4, 2014 at 20:24

Aishwarya Shiva

3,41616 gold badges61 silver badges113 bronze badges

1 Comment

Abeer Over a year ago

yes I will use JavaScript to submit it thank you for the help

Collectives™ on Stack Overflow

How to upload a customize <input type=“file”> without submit button

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related