html表单-在没有php的情况下将文件上传到存储

Question

All the exmaple I saw was with a form that redirect to file upload.php. I want to do a little differnt.

I have a form and there I have :

<input type="file" name="img1"  id="img1">

and in the end of the form:

<button type="button" class="submit-button" onclick="signUp()"/> signup </button>

I want in the signUp() function to store the file in my storage and get url to thiss file.

What I did so far is :

 var fileUploadControl = $("#img1")[0];
if (fileUploadControl.files.length > 0) {

  var file = fileUploadControl.files[0];

......................

}

but I don't know how to continue. thanks!

Answer 1

It is not possible to store data/file without using a server side language(like PHP,C#,...). Else anyone could save files to your server and that is something you don't want!

Answer 2

I recommenced to use a combination of HTML and PHP! You will find a good documentation on http://www.php.net/manual/en/features.file-upload.post-method.php