通过AJAX上传图像而无需表单

时间:2013-12-07 12:19:40

标签: javascript jquery ajax backbone.js

我需要使用AJAX将Image发送到我的Node.js服务器。

我非常有信心如何处理服务器端的事情。我会得到图像并做我需要做的事情,简短的例子:

fs.readFile(req.files.image.path, function (err, data) {

    var imageName = req.files.image.name

对我来说问题是客户端(backbone.js)。在客户端我有一个车辆配置文件,其中包含名称,类型等字段,我也选择了图像按钮。

我的想法是让用户更改图像,并将该图像发送到服务器(以及车辆ID)。然后服务器将保存图像。在骨干模型中,我只保存图像位置而不是整个图像。

我知道我需要一个可以接受图像和一些Ajax代码的表单。我正在基于this

进行实验

但结果有限。当我单击“提交”按钮时,我将从当前页面重定向。我只需要上传即可默默执行。

经过更多调查,我是否需要表格?我可以不知道如何抓住价值      <input id='file-image' type='file'>

并通过AJAX发送它?

1 个答案:

答案 0 :(得分:0)

看看jQuery File Upload。它非常成熟,文档齐全(甚至似乎有一些Node示例),并且减轻了跨浏览器兼容性问题带来的许多痛点。