Upload files on remote server through html & javas

2019-04-25 05:32发布

问题:

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>

回答1:

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.



回答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>