jQuery Mobile - 上传前调整图像大小

Question

我在一个 jQuery Mobile 应用程序中工作，用户可以拍照(使用 iPhone)并在线上传。

但是 iPhone 图像很大，非常大，像素大小为 2448x3264，文件大小为 3mb。

有没有什么办法可以在手机上本地缩小这张图片，当用户点击上传按钮时，图片会以缩小后的尺寸上传？比如 640x480 且小于 3mb？

Answer 1

使用这个 canvas resize javascript 库后，你可以实现你的目标:

https://github.com/gokercebeci/canvasResize

它在浏览器中调整图像大小，然后使用ajax 发送调整大小后的图像信息。提供了一个完整的示例 - 检查 git 页面上的 index.html 文件，以及一个用于接收上传的图像信息的示例 php 文件。