javascript - 如何使用 javascript 调整 Base64 编码的数据 URI PNG 的大小?

标签 javascript jquery base64 image-resizing data-uri

我有一个 Base64 编码的 PNG 从网络套接字中挤出到网页中,我使用数据 URI 显示

    <img src="data:image/png;base64, --base64 png-- ">

在 javascript 或其某些风格中是否有一种方法可以将我收到的图像调整为较小的 base64 数据 URI 等价物,以便动态生成给定图像的缩略图版本?

或者也许我可以复制 HTML Image 对象并将其作为一个整体来使用,使用一些我还没有发现的晦涩的 jQuery 魔术。

如果这可以在客户端用 javascript 完成,我就可以避免向我的服务器守护程序发出另一个 HTTP 请求,这将花费一些时间来重新处理和传送调整大小的图像。

最佳答案

您可以使用 jQuery 克隆图像,至于调整大小 - 也许微不足道地改变 html 元素的宽度和高度?

$('.somewhere img').clone().appendTo('.elsewhere').width(16).height(16)

关于javascript - 如何使用 javascript 调整 Base64 编码的数据 URI PNG 的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6944451/

相关文章:

jquery - 从 Ul 主干中删除 li

javascript - 设计一个流畅的 Javascript 接口(interface)来抽象出 AJAX 的异步特性

javascript - 获取矩形区域的 HTML

jquery - 在另一个剑道分离器中管理调整大小的剑道分离器

javascript - jQuery:将元素移动到另一个元素并再次返回使该元素不可点击

python - 在 Python 3 中将整数的字符串表示形式编码为 base64

javascript - jQUery/JavaScript 如何 --> 将图像幻灯片转换为文字幻灯片

javascript - 将一种类型的列表转换为另一种 RXJava? (相当于 JavaScript map )

ios - iOS中相当于Android的Base64.encodeToString(b,Base64.NO_WRAP)?

react-native - 如何在 TensorflowJs 中将张量解码为 Base64?