【发布时间】: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