ajax - 如何异步上传图片

标签 ajax ruby-on-rails-3 amazon-s3 heroku paperclip

我正在使用部署在 heroku 上的 Ruby on Rails 3。现在我可以使用回形针和亚马逊 s3 存储多个图像附件。但是,当我提交表格时,我必须等待太长时间。出于这个原因,我将使用 Ajax 异步上传图像。任何例子或提示?谢谢!

更新:有些事情我不明白。当您填写具有多个图像附件的帖子表单时(例如),在您提交表单之前不会创建帖子,然后它没有 ID。图片属于_to通过post_id发布,那么:插件Jquery Uploader或Uploadify如何异步保存图片?

最佳答案

并非所有浏览器都支持通过 XMLHttpRequest 异步上传文件(带有进度指示),但我遇到的最好的 jQuery 插件是 jQuery-File-Upload (演示 here)。它适用于 Chrome、Safari、Firefox、Opera 和 MSIE,但不幸的是,MSIE 尚不支持进度指示。默认情况下,上传器适用于所有文件类型,但您可以将其限制为图像。

希望将来所有浏览器都能够通过 AJAX 实现这一点,尽管目前您必须使用 Flash 来实现完全跨浏览器的支持。

关于ajax - 如何异步上传图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6623952/

相关文章:

amazon-web-services - "aws_security_token"是做什么用的

javascript - Ajax请求监控流程

javascript - 为什么ajax调用缓存表单数据?

javascript - div背景图片不改变重新上传

amazon-web-services - 如何使用 CloudFormation 将 IAM 角色与 Aurora 集群关联?

java - AWS SDK for S3 中的 TransferManager 是否在执行异步 I/O?

javascript - 数组数据在嵌套的异步箭头函数循环中丢失

ruby-on-rails - 错误测试创建操作

sql - 如何在 Rails 控制台中测试添加索引的性能?

ruby-on-rails - 如何为两个设计模型设置单点登录表单