有没有办法使用 JavaScript 来确定图像的高度/宽度并调整它的大小？答案

【问题标题】：Is there some way using JavaScript to determine an image's height/width and resize it?有没有办法使用 JavaScript 来确定图像的高度/宽度并调整它的大小？
【发布时间】：2021-06-19 00:06:30
【问题描述】：

我定义了一个服务器端命令来接收通过 TinyMCE 上传的图像（文件上传或拖放）。我将图像作为二进制文件保存在我手中，然后将其写入我的服务器。

我正在使用我的 iPhone 拍摄的这张图片进行测试。原始照片为 3024 x 4032。在编辑器中我们可以调整大小，但原始 4.9 MB 图像仍会保存在服务器端。我在想可能有我们可以添加的服务器端脚本来重新缩放/调整它的大小。有人知道保存图像时可以使用的任何东西吗？

图像是二进制的，可能是 JPEG 或 PNG。它甚至可能是 GIF。

对于本示例，我在 Mac 上使用 Preview 将图片大小调整为 500 像素宽，然后再上传，这将大小减小到仅 191 KB。一旦我手头有图像，如果可以使用 JavaScript 做到这一点，那就太好了。有什么想法吗？谢谢。

【问题讨论】：

标签： javascript image-processing tinymce

【解决方案1】：

事实证明，我的（不是很标准的）服务器有一些内置命令来重新缩放和优化图像二进制文件。我将它们添加到后端上传处理器，效果很好。它使编辑变得更容易，在服务器上节省了大量空间，并且包含图像的电子邮件通知打开得更快。所以这个问题现在很好。

不过，我的回答对使用普通 Apache/PHP 服务器的用户没有任何帮助。但我想有很多图书馆适合这些。

【讨论】：