How to upload a customize 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, Apr 04 '14 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, Apr 04 '14 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, Apr 04 '14 at 20:24

score 1 · Accepted Answer · answered Apr 04 '14 at 20:24

1

Jquery upload, dropzone.

or

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

answered Apr 04 '14 at 20:24

dikkini

1,184
1
23
52

score 0 · Answer 2 · edited May 23 '17 at 10:31

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 '17 at 10:31

Community

1
1

answered Apr 04 '14 at 20:24

Aishwarya Shiva

3,460
15
58
107

yes I will use JavaScript to submit it thank you for the help – Abeer Apr 04 '14 at 20:30

How to upload a customize without submit button

2 Answers2