javascript - 多张图片调整大小并上传带有描述

Question

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

要求:

• 浏览器兼容(包括移动浏览器和 IE)，可以依赖 JavaScript (jQuery)
• 多个文件要么在 native 文件管理器中选择多个文件，要么至少必须单击某个按钮才能为另一个文件输入
• 为每个文件添加描述
• 上传前调整文件大小(不需要浏览器兼容)
• 上传提交
• 保留 EXIF 信息或至少提取 GPS 坐标(可以用我找到的一些库来完成)

奖金:

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

我在后端使用 PHP。

我想 HTML5 canvas 可能适合这里。或者一些 jQuery 插件，比如 blueimp's Jquery-File-Upload .但我没有超过简单的经验 <input type="file">所以我征求你的建议。

谢谢!

Answer 1

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

披露:我是 Uploadcare 开发人员之一，我发布此消息并不是为了厚颜无耻地推广该服务，而是因为它旨在解决此类案例。