Javascript是一种极为强大的编程语言，它可以实现很多有趣的功能。其中之一就是上传文件。如今，许多网站都使用了上传文件的功能，既方便了用户，也为网站提供了更多的内容。下面，我们来看看JavaScript如何实现上传文件。

首先，我们需要明确一件事情，那就是上传文件的过程。当用户选择了文件后，它会作为二进制数据传输到服务器上。因此，我们需要使用XMLHttpRequest对象将文件上传到服务器上。

var fileInput = document.querySelector('#fileInput');
var file = fileInput.files[0];
var formData = new FormData();
formData.append('file', file);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');
xhr.send(formData);

上面的代码中，我们先获取了选择的文件，然后将其封装成FormData对象。FormData是一个表单数据类，它可以通过键值对的形式将数据提交到服务器上。在这里，我们将文件作为键值对中的一项进行了提交。

接下来，我们使用XMLHttpRequest对象将数据提交到服务器上。在这里，我们使用了POST方式提交数据。POST是一种常见的HTTP方法，它将数据包装在请求体中，以二进制格式传输数据。而GET方法则是将数据包装在URL中，以字符串格式传输数据。

在实际使用中，我们还需要处理一些上传文件的问题。比如，多文件上传、文件格式和大小的限制、上传进度的显示等等。

var fileInput = document.querySelector('#fileInput');
var files = fileInput.files;
if(files.length > 1) {
for(var i = 0; i < files.length; i++) {
var file = files[i];
//处理单个文件上传
}
} else {
var file = files[0];
//处理单个文件上传
}

上面的代码中，我们处理了多文件上传的情况。当选择的文件大于1个时，我们通过循环的方式将每个文件分别上传。当只选择了一个文件时，我们直接上传该文件。

文件格式和大小的限制可以通过HTML5的属性进行设置。例如，我们可以设置文件的最大值为10M。

<input type="file" name="fileInput" id="fileInput"
accept="image/*" max-size="10M"/>

上面的代码中，我们通过accept属性限制了只能上传图片文件，通过max-size属性限制了文件大小的最大值为10M。

最后，上传进度的显示也是一个非常重要的问题。我们可以使用XMLHttpRequest对象的progress属性来监测上传的进度。

var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');
xhr.upload.onprogress = function(event) {
if(event.lengthComputable) {
var percentComplete = event.loaded / event.total * 100;
console.log(percentComplete + '% uploaded');
}
};
xhr.send(formData);

上面的代码中，我们使用了xhr.upload.onprogress方法来监测上传进度。通过event.loaded和event.total属性获取当前上传的字节数和总字节数，就可以算出上传进度了。

总之，上传文件需要涉及到诸多问题，但是使用JavaScript实现起来并不难。只要理解其基本原理，结合HTML5的属性和方法，就可以实现一个简单的、实用的文件上传功能。