有没有办法通过网络浏览器客户端调整图像大小并将其保存到临时文件?
我想要完成的是将图像大小调整为最大 1024px 宽/高,将其保存在本地,然后将调整大小的图像上传到服务器。
原因是我正在构建一个在线应用程序,允许用户上传最多 6 张高分辨率图像,每张最大 4mb。然后在服务器上我将大小调整为 1024px 宽/高,实际上只有 200kb 左右。上传 4mb 只是为了调整为更小的文件大小有点浪费,所以我希望有一种方法可以调整大小,在上传之前保存一个临时文件客户端。
任何帮助表示赞赏。
有没有办法通过网络浏览器客户端调整图像大小并将其保存到临时文件?
我想要完成的是将图像大小调整为最大 1024px 宽/高,将其保存在本地,然后将调整大小的图像上传到服务器。
原因是我正在构建一个在线应用程序,允许用户上传最多 6 张高分辨率图像,每张最大 4mb。然后在服务器上我将大小调整为 1024px 宽/高,实际上只有 200kb 左右。上传 4mb 只是为了调整为更小的文件大小有点浪费,所以我希望有一种方法可以调整大小,在上传之前保存一个临时文件客户端。
任何帮助表示赞赏。
您需要的第一个是在上传之前获取上传图像 - 这可以通过 input[type=file] 元素的 HTML5 files 属性来实现。
如果这样做了,您将需要修改图像数据以使用 JS/HTML5 调整大小 - 不知道它是如何工作的。
您可以使用 XHR 上传修改后的图像。
你可以使用 HTML5,我想... 在这里转转 HTML5 画布(裁剪图像)