在没有表单的情况下通过AJAX上传图像

Uploading image via AJAX without form

本文关键字:AJAX 图像 情况下 表单      更新时间:2024-04-12

我需要使用AJAX将Image发送到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发送?

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