在没有表单的情况下通过AJAX上传图像
Uploading image via AJAX without form
我需要使用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示例),并减轻了跨浏览器兼容性问题带来的许多痛点。
相关文章:
- 将图像上传ajax与表单提交ajax相结合
- 获取ajax加载的图像的大小
- 使用FormData上传AJAX图像;t在服务器端显示图像
- Javascript/jQuery压缩一个图像正确的评论帖子,并使用Ajax Laravel 5.2保存到控制器中
- 使用formData使用ajax将图像插入数据库
- ajax加载()后,包含图表的图像不会重新绘制
- 如何缓存AJAX请求的图像
- Ajax调用,发送图像和其他数据
- PHP Ajax 图像上传错误
- 在Node/AngularJS应用程序中调整和压缩AJAX图像
- 正在寻找一个使用php的ajax图像查看器,或者将其从asp转换为php
- 从数组上传AJAX图像
- Ajax图像上传通知
- ajax图像上传和预览表单
- ajax图像和处理它的数据
- P2P Ajax图像传输
- 表单中的PHP Ajax图像上传
- Ajax图像库("imago").滚动的位置
- Ajax图像预加载器不工作
- 如何在IE11中ajax图像加载后恢复滚动位置