Javascript 如何将Base64 url转换为图像对象

Javascript 如何将Base64 url转换为图像对象,javascript,reactjs,base64,Javascript,Reactjs,Base64,我有一个base64 url,如下所示: 数据:图像/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAA 我必须将其转换为如下图像文件: [File] 0: File lastModified: 1559126658701 lastModifiedDate: Wed May 29 2019 13:44:18 GMT+0300 (GMT+03:00) {} name: "console.PNG" path: "console.PNG" preview: "blob:htt

我有一个base64 url,如下所示: 数据:图像/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAA

我必须将其转换为如下图像文件:

[File]
0: File
lastModified: 1559126658701
lastModifiedDate: Wed May 29 2019 13:44:18 GMT+0300 (GMT+03:00) {}
name: "console.PNG"
path: "console.PNG"
preview: "blob:http://localhost:3000/1cd72200-ca9b-46dc-a472-a67147942765"
size: 65579
type: "image/png"
webkitRelativePath: ""

我该怎么做呢?

只要将Base64字符串分配给
Image
元素的
src
属性就可以了

var image=newimage();
image.src='数据:image/gif;base64,(7)Gvvvvv8+fhw/vv8+fhw/vv8/9/5+Pv9/6+Pd98F9/f+8+Pd98F8/8+6+6+6+6+8+6+fff9/8+f9 ww6/8+ff8/8+fn/fn/fn/9 wfn/9-www7/9 wwwwwwwwwwwwwwwwwww8/8/8/8/8/wwwwwwwwwwwwwwwwww8/8/8/8/wwwwwwwww8/8/8/8/8/8/wwwwwwwwwww8/8/www8/8/wwwwww8/8/8/ww8/8/wwwww8/8/8/8/8/29uc/P9cmJu9MTDImIN+/r7+/vz8/P8VNQGNugV8AAF9fX8swM8月8日,8月8日,一份研究报告在一份研究报告上发表了一份研究报告。8月8日,在一份研究报告中,一份研究了一份关于一份工作的书。5月5日,一份工作+Pj/+PQCST(一份研究报告)在一份研究报告中提出了一份关于一份关于一份关于一份关于一份关于一份工作的文件,一份关于一份关于一份关于一份关于一份工作+Pj+Pj+Pj/+资格的文件,以及一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份工作的文件的文件的非政府工作的文文文文文文文文文文文文文文的研究,一个关于一个关于一个关于一个关于一个关于一个关于一个关于一个关于一个关于一个关于一个关于一个关于一个关于YWZ78AAAAD///8AAP9mZv///wAAAAaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaAakgalaaaaAa9EqaaaAa9EqaAaAa9Avkslme6NFQ05QYCvLpuHdRxBwW4NehxOykupZJGrmixOkFGUNQlnixJeidb0SqHgMyJSOjM1BkZomYop0Gm2Oe2Lit2Moopy7Gnwy9CjIyCSRyM0AvksLm6NfQdJ0LxNqNqNqNqNqNbNqNqNbNqNbNqNbNbNqNbNbNbJ6Zr6Zr6ZrZr2ZrZrZrZrYxRyxRyxZyxZyxZyxDxWxWxWxWxWxWxVxVxVxVxVxVkKvKvKvKKvKKK这两个10年来,这两个10年来,这两个10年来,这两个10年来,这两个10年来,这两个10年来,这两个10年来,这两个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10年来,一个10月,一个10月,一个新的政府在一个新的政府作为作为作为作为作为作为一个未来未来未来未来未来的一个新的政府的一个新的未来的一个新的政府,一个未来未来未来的未来的一个未来的未来的未来的未来的未来的未来的未来的未来,或者或者或者或者或者或者或者或者或者或者或者或者或者或者或者或者JX9UNX4KA一个新的概念是一个新的概念,一个新的概念是一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,一个新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的概念,新的,新的概念,新的质量管理2.这个词的意思是一个词的词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词词LFFIWGJCNYG+kYMIEFkCKDs6PKAIJouyGWMS1FSKJOMRB/BOIXYJIUXFUXNWOIKEKPAGCBZSQHQ1A2EWDFEUVLYADJ5ACHSIQW6GU10BE/JG2VNCZGFO4R4D0SDQOBAHPJHIB94V/WRORKQWGRHGSQJCS+0PCZBEHAOW==';

document.body.appendChild(图像)你说的“像这样”是什么意思。图像数据可能不包含标题数据。它只包含图像本身。@我认为发布的“url”是图像标记的属性值。前三个单词表示数据类型,后面是编码类型,最后是图像本身。很可能是ismail menat从图像中读取元数据我正在使用react dropzone库。我必须以某种方式将此值转换为我指定的格式。