如何通过在上传之前减少客户端的图像大小来减少带宽

Question

所以我有一个html表单，可以接受用户的摄像头输入或其他文件。 我有ios的问题，图像和许多MB的大小。在输出（书面报告的一部分）上，图像的大小必须为800x600max。许多图像可以作为用户必须经历的过程的一部分上传。

我的问题是如何使用

 <input type="file" name="pic" accept="image/*">

然后在客户端调整大小并在表格提交的表格中交换调整大小的原始图像。

我已经阅读了很多但看不到这个问题的直接答案。