【问题标题】:Multiple image resize and upload with description多张图片调整大小并上传说明
【发布时间】:2012-05-28 10:43:49
【问题描述】:

我正在寻找一种上传多张带有描述的图片的方法。用户将从相机上传 1-10 张相当大的图像,因此最好在上传之前调整图像大小。

要求:

  • 浏览器兼容(包括手机浏览器和IE),可以依赖JavaScript(jQuery)
  • 多个文件,或者在本机文件管理器中选择多个文件,或者至少必须单击某个按钮才能为另一个文件带来输入
  • 为每个文件添加说明
  • 上传前调整文件大小(不需要与浏览器兼容)
  • 提交时上传
  • 保留 EXIF 信息或至少提取 GPS 坐标(可以使用我找到的一些库)

奖金:

  • 可以在上传前自动旋转图片(使用 EXIF 信息)
  • 显示所选图像的缩略图
  • 拖放功能
  • 进度条

我在后端使用 PHP。

我想 HTML5 画布可能适合这里。或者一些像blueimp's Jquery-File-Upload这样的jQuery插件。但我对简单的<input type="file">s 没有经验,所以我征求您的建议。

谢谢!

【问题讨论】:

  • 这里面有一个更基本的问题:我可以轻松选择多个文件(无需单击“添加另一个文件”按钮)并为每个文件添加说明吗?
  • 我原以为使用 HTML5 canvas 调整大小会丢失 EXIF 信息,很遗憾。
  • 您的实际问题是什么?您是否尝试过实现 jQuery File Upload 中的任何示例?是的,您想做的大部分事情都是可能的,但我们无法为您编写代码。尝试从示例中构建演示,然后如果您有问题,请返回并提出具体问题。
  • 我正在寻找前进的方向。我现在可以开始编码,但我不想重新发明轮子。我尝试了 blueimp 的 jQuery File Upload,但该演示在我的 Android 2.3 中不起作用。因此,我会感谢有类似问题经验的人的建议。

标签: javascript jquery html file-upload image-resizing


【解决方案1】:

看看Uploadcare。它的小部件开箱即用几乎可以满足您的所有要求,您可以自定义其行为以涵盖其余部分。

披露:我是 Uploadcare 开发人员之一,发布此消息并不是为了无耻地宣传该服务,而是因为它是为解决此类案例而构建的。

【讨论】:

  • 您与该产品有关联吗?您留下的最后四个答案都在宣传它。如果是这样,您需要在这些答案中正确披露这一点,否则它们将被删除以用于人造草坪。
  • 我是。将更新答案。这是成文还是不成文的规定?
  • 已写,请参阅此处的最后一部分:stackoverflow.com/help/behavior。这里的社区往往对自我推销有点敏感,因为我们希望人们正确理解留下答案的背景。
  • 披露就足够了吗?我不想成为垃圾邮件发送者,我的回答与原始问题有关。
  • 只要你清楚,答案直接解决问题的核心问题。关于为什么这适合提问者的问题的更多细节也会有所帮助。
猜你喜欢
  • 2019-10-09
  • 2014-04-29
  • 2017-08-20
  • 1970-01-01
  • 2015-09-25
  • 1970-01-01
  • 1970-01-01
  • 2011-08-25
  • 2014-08-26
相关资源
最近更新 更多