Upload files on remote server through html & javascript

Question

I am trying to upload files through html page in our unix based server but I don't know how to take the files on remote server & save files there.

I write the following code please help me to connect it.

<html>
<head>
<script type="text/javascript">

function Upload()
{

var filename = document.getElementById("filename").value;

var storepath = "HOSTURL/Foldername";

}
</script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" >
    <input type="file" name="filename" />
    <input type="submit" value="Upload" onclick="Upload" />
</form
</body>
</html>

Aside from the fact that you haven't set the action on your form, what you've got should allow you to upload a file to your server (the javascript you have is completely unnecessary). At that point it's all server-side processing. What are you using on your server? — ultranaut
– ultranaut, Commented Oct 6, 2012 at 21:19
If you really do need to use Javascript (feedback when uploading etc) then dont reinvent the wheel - use one of the many javascript file uploaders like this one. But still easier to just post the file to a server using traditional methods. — didster
– didster, Commented Oct 6, 2012 at 21:19
I am not able to save file on the specified location. Please let me know how can i do that. — Saurabh
– Saurabh, Commented Oct 7, 2012 at 15:16

Erwin · Accepted Answer · 2012-10-06 21:17:30Z

2

Why using JavaScript? You can simple use the html form to post your file to the server:

<html>
  <body>
    <form action="/foo/bar.ext" method="post" enctype="multipart/form-data">
        <input type="file" name="filename" />
        <input type="submit" value="Upload" />
    </form>
  </body>
</html>

Change the form action to the location you want to post the file to.

answered Oct 6, 2012 at 21:17

Erwin

4,8113 gold badges34 silver badges42 bronze badges

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

7 Comments

Saurabh Over a year ago

I am using this & when I test on my local machine it only take me on the action URL & not upload any file there.

Saurabh Over a year ago

I am not able to save file on the specified location. Please let me know how can i do that.

Erwin Over a year ago

What language do you use php, asp.net etc.? And maybe it's better to create a new question.

Saurabh Over a year ago

I need to work through HTMl & javascript. You can use Jsp file also.

Saurabh Over a year ago

I need to save my file through HTML script on a particular location. Please let me know how can i save my file on my remote location.

|

Ner0 · Accepted Answer · 2012-10-06 21:23:46Z

2

PHP would be a better choice for this.

<?php
if( isset( $_POST["Upload"] ) )
{
    $target_path = "uploads/";

    $target_path = $target_path . basename( $_FILES['filename']['name']); 

    if(move_uploaded_file($_FILES['filename']['tmp_name'], $target_path)) {
        echo "The file ".  basename( $_FILES['filename']['name']). " has been uploaded";
    } else{
        echo "There was an error uploading the file, please try again!";
    }
}
?>
<form method="post" enctype="multipart/form-data" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
    <input type="hidden" name="MAX_FILE_SIZE" value="100000" />
    <input type="file" name="filename" />
    <input type="submit" value="Upload" name="Upload" />
</form>

answered Oct 6, 2012 at 21:23

Ner0

565 bronze badges

1 Comment

Saurabh Over a year ago

I only need too do that with HTML & javascript... thanks but no need of PHP code. It's goog if You can help me through HTML & javascript.

Collectives™ on Stack Overflow

Upload files on remote server through html & javascript

2 Answers 2

7 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related