服务器端,我使用下面的函数(用作espressjs中间件)
function objCreation(req, res, next){
req.form.complete(function(err, fields, files){
if (err) {
next(err);
} else {
// Set params in request
obj = {};
obj.label = fields.label;
// Check if picture is provided
if(files.image){
// Move file to correct dir
var fs = require("fs");
var folder = '/var/images/';
var src = files.image.path;
var filename = files.image.name;
var target = folder + filename;
obj.filename = filename;
req.obj = obj;
fs.rename(src, target, function (status) {
next();
});
} else {
obj.filename = 'nofile';
req.obj = obj;
next();
}
}
});
}
基本上,它会收到提交表单的字段。此函数使用“connect-form”node.js模块。
客户端,我使用输入文本:
<input id="new_obj" type="text" placeholder="New"/>
并在此输入上点击返回时触发回调:
// Add callback for object creation
$('#new_obj').keypress(function(e){
if (e.which == 13){
createObj();
}
});
createObj函数如下:
function createObj(){
$.ajax({
url: "/object/create/",
type: "POST",
data: { label : "label" },
success: function(obj) {
console.log(obj);
},
error: function(jqXHR,status,errorThrown) {
alert(jqXHR.responseText + '-' + status + '-' + errorThrown);
}
});
}
我无法让最后一部分以正确的格式发送表单,因此使用服务器方法处理它。我不想更改服务器端,因为它已经被其他一些客户端使用(iOS客户端使用ASIFormDataRequest发送表单)。
我目前正在查看ajaxForm jQuery插件,看看这是否有帮助。
答案 0 :(得分:0)
我设法通过使用不再使用connect-form的最后版本的expressjs来修复此问题(不推荐使用),但使用了强大的。