Javascript 如何通过ajax读取使用FormData从表单发送的数据并将其存储到本地文件夹?

Javascript 如何通过ajax读取使用FormData从表单发送的数据并将其存储到本地文件夹?,javascript,jquery,ajax,node.js,multipartform-data,Javascript,Jquery,Ajax,Node.js,Multipartform Data,这是我在客户端的ajax代码: $('#btn_file').on('change', function(e){ e.preventDefault(); var data = new FormData(); data.append('photo', $('#btn_file')[0].files[0]); $.ajax({ url: "/media/images",

这是我在客户端的ajax代码:

$('#btn_file').on('change', function(e){
        e.preventDefault();            
        var data = new FormData();
        data.append('photo', $('#btn_file')[0].files[0]);

        $.ajax({
            url: "/media/images",
            type: "POST",
            data: data,
            processData: false,
            contentType: false,
            success: function (data) {
                console.log(data);
            }
        });
    return false;
 });
这是我的服务器端:

app.post('/media/images', function (req, res) {
   //What do I have to do to get an image and save it? And how do I rename the file?

});
HTML:



我找到了一些例子,但没有一个是有效的。我真的不知道问题出在哪里。谢谢。

在Node JS中,要管理文件上载,您可以使用:


然后可以使用“fs”api来存储文件。

太棒了!它就像一个符咒!我找到了一个令人敬畏的例子,但我无法让它发挥作用!非常感谢。我能得到更多关于fs的帮助吗?
<form id="send_image" ction=”/media/images” method=”post” enctype=”multipart/form-data”>
     <input type="file" name="photo" id="btn_file"/>
</form> 
var formidable = require('formidable');
app.post('/media/images', function (req, res) {
    var form = new formidable.IncomingForm();

    form.parse(req, function(err, fields, files) {
      res.writeHead(200, {'content-type': 'image/jpeg'});
      res.write('received upload:\n\n');
      res.end(util.inspect({fields: fields, files: files}));
    });
});