一款网站，想让用户上传图片或者视频以进行分享，但是网站并不能存储这些文件，怎么办？这时候，我们就需要用到JavaScript上传到服务器端的知识。

假设我们有一个上传图片的功能，我们可以这样写代码：

<input type="file" id="file" name="file">
<button onclick="upload()">上传</button>

这样做让用户在网页上选择一个文件，然后点击上传按钮，就会调用JavaScript中的upload函数。接下来我们看看upload函数应该怎么写：

function upload() {
var file = document.getElementById("file").files[0];
var formData = new FormData();
formData.append("file", file);
var xhr = new XMLHttpRequest();
xhr.open("POST", "upload.php");
xhr.send(formData);
}

在upload函数中，我们首先获取用户选择的文件，然后创建一个FormData对象将文件添加到formData中，接着创建一个XMLHttpRequest对象，将formData通过POST请求发送到upload.php文件中。在upload.php文件中，我们可以通过$_FILES变量来获取上传的文件:

$file = $_FILES["file"];
$fileName = $file["name"];
$fileTmpName = $file["tmp_name"];
$fileSize = $file["size"];
$fileError = $file["error"];

通过$_FILES变量我们可以获得上传文件的文件名，临时文件名，文件大小以及文件是否有错误。如果文件没有错误，我们就可以将文件从临时文件夹中移动到我们指定的目录中：

if ($fileError === 0) {
$fileDestination = "uploads/" . $fileName;
move_uploaded_file($fileTmpName, $fileDestination);
echo "上传成功！";
} else {
echo "上传失败！";
}

通过move_uploaded_file函数，我们可以将文件从临时文件夹中移动到我们指定的目录中，同时向用户返回上传成功或者上传失败的信息。

以上就是JavaScript上传文件到服务器端的方法和原理，我们可以针对不同的上传组件进行修改和调整。同时，在编写上传功能代码时需要注意，如果存在文件上传容量限制的问题，需要在服务器端进行配置和处理。