客户端图像调整大小并保存
Client side image resize and save
有没有办法通过 Web 浏览器客户端调整图像大小并将其保存到临时文件?
我试图完成的是将图像大小调整为最大 1024px 宽/高,将其保存在本地,然后将调整后的图像上传到服务器。
原因是我正在构建一个在线应用程序,允许用户上传最多 6 张高分辨率图像,每张最大 4mb。然后在服务器上时,我将大小调整为 1024px 宽/高,实际上只有 200kb 左右。上传 4mb 只是为了调整为较小的文件大小有点浪费,所以我希望有一种方法可以调整大小,在上传之前保存临时文件客户端。
任何帮助表示赞赏。
你可以使用HTML5,我想...在这里四处走动 HTML5 画布(裁剪图像)
首先,您需要在上传图像之前获取上传图像 - 这可以通过输入[类型=文件]元素的HTML5文件属性来实现。
如果这样做了,您将需要修改图像数据以使用JS/HTML5进行重新排序 - 不知道它是如何工作的。
然后,您可以使用 XHR 上传修改后的图像。
相关文章:
- 有没有一个javascript库能够修改和保存图像
- 如何使用html / angularjs保存图像文件
- 上传图像,重新定位,保存图像
- 使用JavaScript在分析中保存图像
- 从图像URL javascript html保存图像文件
- 从画布保存图像时缺少扩展名
- 如何用我在HTML5画布上绘制的src保存图像文件
- 使用 canvas.toDataURL() 解码和保存图像
- 如何旋转图像并保存图像
- 在 Javascript 中保存图像
- jQuery 保存图像点击
- 保存图像 src 的功能不起作用
- 禁用移动设备中的默认保存图像选项
- 使用 PHP 和 JavaScript 在黑莓中下载和保存图像
- 从 Base64 字符串保存图像不会打开
- 使用 Ajax 在 Ruby on Rails 中保存图像
- 如何从加载中保存图像宽度和高度
- 使用 js 保存图像
- 在操作方法中保存图像,然后将 URL 返回给客户端
- 使用图像URL和PHP从远程服务器上传/下载/保存图像到本地服务器