通过AJAX上载没有表单的图片

Question

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

我对如何处理服务器端的事情非常有信心。 我将获得图像并做我需要做的简短示例：

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

    var imageName = req.files.image.name

我的问题是客户端（backbone.js）。 在客户端上，我有一个车辆配置文件，其中包含诸如名称，类型等字段，并且我还有选择图像按钮。

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

我知道我需要一种可以接受图像和一些Ajax代码的表格。 我正在以此为基础进行实验

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

经过更多调查后，我是否需要表格？ 我能不能从<input id='file-image' type='file'>

并简单地通过AJAX发送？

Answer 1

看一下jQuery File Upload 。 它相当成熟，有据可查（甚至似乎有一些Node示例），并减轻了跨浏览器兼容性问题带来的许多痛苦。