Javascript 如何通过ajax读取使用FormData从表单发送的数据并将其存储到本地文件夹?
这是我在客户端的ajax代码: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",
$('#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}));
});
});