javascript - jQuery 或 Javascript 客户端图像在上传前调整大小

标签 javascript php jquery html image

有没有办法在上传之前(当用户单击上传按钮时)在客户端调整图像大小,以便所有带有 data-type="image" 的字段都将执行调整大小到指定尺寸,并且然后提交上传?

我正在开发一款与移动设备兼容的应用程序,用户经常需要使用移动相机上传图像。有必要在客户端缩小图片,以便更快地将照片上传到服务器,从而减少上传时间。

谢谢。

最佳答案

有一种方法可以通过使用 HTML5 的 Canvas 功能,通过 plan JS 来做到这一点。

引用这个答案: JavaScript reduce the size and quality of image with based64 encoded code

关于javascript - jQuery 或 Javascript 客户端图像在上传前调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44115513/

相关文章:

javascript - 如何在一次调用中分配多个 html 元素值?

javascript - JS vs DOM 时序 : . remove() 元素在视觉上发生,但 travesal 仍然包含它

php - 发送消息副本 (HTML/PHP)

javascript - JQuery/PHP 动态下拉问题

javascript - 达到浏览器高度时垂直对齐内容和滚动框

javascript - 使用 reactjs 计算多个表单的 2 个日期之间的时间

javascript - 为什么动画没有按预期发生以将框放在底部

php - 使用sql从php分页系统中隐藏一些页面

javascript - 文本框的客户端验证

javascript - 在 ROR 中加载 AJAX 后,如何使页面跳转到顶部?