在 javascript/jquery 中将 base64 转换为图像

convert base64 to image in javascript/jquery(在 javascript/jquery 中将 base64 转换为图像)
本文介绍了在 javascript/jquery 中将 base64 转换为图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我已经编写了一些使用 javascript/jquery 进行图像捕获的代码下面是代码:

I have written some code for image capturing using javascript/jquery Below is the code:

function capture_image(){ 
    alert("capture_image");
    var p = webcam.capture();
    webcam.save();           
    alert("capture complete "+p); //getting true here


     var img = canvas.toDataURL("image");
    var item_image = img.replace(/^data:image/(png|jpg);base64,/, "") ; 
    alert("item_image"+item_image);
}

item_image 打印 base64 格式,如何将该 base64 转换为图像以及如何在 javascript 客户端中使用该路径.

The item_image print the base64 format, How to convert that base64 to image and how to use that path in javascript clientside.

我正在谷歌搜索这么多网站,但它无法正常工作,并且该代码不适合我的要求.

Am searching google so many websites but its not working and that code is not suitable for my requirement.

推荐答案

你可以只创建一个 Image 对象并将 base64 作为它的 src,包括 >data:image... 部分 像这样:

You can just create an Image object and put the base64 as its src, including the data:image... part like this:

var image = new Image();
image.src = 'data:image/png;base64,iVBORw0K...';
document.body.appendChild(image);

这就是他们所说的数据 URI",这里是 兼容性表,让您内心平静.

It's what they call "Data URIs" and here's the compatibility table for inner peace.

这篇关于在 javascript/jquery 中将 base64 转换为图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
password validation with yup and formik(使用YUP和Formick进行密码验证)