【问题标题】:jQuery Mobile - Resize image before uploadingjQuery Mobile - 在上传之前调整图像大小
【发布时间】:2014-06-18 21:47:32
【问题描述】:

我正在开发一个 jQuery Mobile 应用程序,用户可以使用 iPhone 拍照并在线上传。

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

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

【问题讨论】:

    标签: jquery ios jquery-mobile


    【解决方案1】:

    您可以在使用此 canvas resize javascript 库后实现您的目标:

    https://github.com/gokercebeci/canvasResize

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

    【讨论】:

    • 谢谢。我试过了,但不幸的是,jQuery Mobile 1.4 有一个错误,无法正常工作。仍然没有运气:(。
    • 您收到什么错误消息?您使用的是 zepto 还是 jquery - 我认为 jquery mobile 与 zepto 不兼容。还要检查您使用的 jquery 版本。
    • 根本没有错误消息,页面根本打不开,我的意思是,它滑动(使用 jQuery Mobile 1.4.2)打开并保持空白。我只使用 jQuery 1.8.2 没有 Zepto。我认为它与“binaryajax.js”有关,如果我删除它,页面会打开,但 canvasResize 仅适用于它。
    【解决方案2】:

    有一个名为Simple Resize 的 iPhone 应用程序可让您选择调整照片大小。您可以使用该应用拍照或使用相机胶卷中的一张。

    【讨论】:

      猜你喜欢
      • 2011-04-16
      • 2015-12-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多