jquery input上传文件
jQuery是一个著名的JavaScript库，可以帮助开发者更方便地管理DOM，操纵HTML元素、处理事件等。其中，处理文件上传也是jQuery的一个重要功能。下面就来介绍如何使用jQuery来实现文件上传的功能。
首先，在HTML页面中，需要一个表单来使用文件上传功能，代码如下：
<form id="uploadForm" enctype="multipart/form-data"><br /> <input type="file" name="file" /><br /> <input type="button" value="上传" onclick="upload()" /><br /></form>
以上代码定义了一个表单，其中包含一个类型为file的input和一个上传按钮。我们需要为上传按钮绑定一个点击事件，在该事件中实现上传文件的功能。
function upload() {
var formData = new FormData($("#uploadForm")[0]);
$.ajax({
url: "/upload",
type: "POST",
data: formData,
contentType: false,
processData: false,
success: function(msg) {
alert("上传成功");
},
error: function(msg) {
alert("上传失败");
}
});
}
在upload函数中，我们先获取表单的数据formData，创建一个ajax请求，并且将表单数据作为data参数传递给这个请求。同时，因为我们上传的是文件，所以设置contentType和processData参数为false。请求成功后，弹出上传成功的提示框；请求失败后，弹出上传失败的提示框。
最后，需要注意的是，在服务器端，我们需要处理上传的文件，从表单中获取上传的文件内容，并上传到服务器上。如果使用Node.js的Express框架，处理文件上传的示例代码如下：
router.post('/upload', function(req, res) {
var file = req.files.file;
var filePath = __dirname + '/uploads/' + file.name;
file.mv(filePath, function(err) {
if (err) {
res.status(500).send(err);
} else {
res.send('File uploaded!');
}
});
});
以上代码使用了Express框架提供的文件上传功能，同时指定了上传后的文件保存路径，并返回上传成功的结果。