我有字串型別的QR代碼，如下所示：
“資料：影像/png；base64，iVBORw0KGgoAAAANSUhEUgAAAV4AAAFeAQAAAADlUEq3AAADE0lEQVR4Xu2ZMXbjMAxE4ZfCpY /去 ho0tF0FB / BpQs / YzEDyKaWVJKtd1BEAfnFYgQQIG3 e3va3yPfmODWBLcmuDXBrf0f8Mto4djVFwzfJj / 543Kblnhw8kvwEMZ / vrzsHNSC8ZvN / jzfbVpeX4 / LhggewKHltEBnA0xlHQJPHt7lZib4Wzgi9eJrROrZqXoE7DozUgX / AHvmMz2zoo50Flxw / EllQVHnWsGxwoYI7uGkXpCUOu8fnBQ8hN9GST8F H5tJwW3k63OWUyuvpyesT96BewcAXvn / ih4BDuVnZHB0f0ZGhpsjI4HizNaQsEjOCj0eyd0MjajiqAqY4UpvsH5HamCxzAo6hyGoKzsZtyu / AaCexg7YkQjDxtRWqgsu mk6MEEd3DpzAyGR2XR0CDXM7u7jyK4YOpcDU1RnpGaC XXENzBiEZombFJSbMAowmMClOe4BEcVFQRvrNkpC7VwvDVMsEdXMqiptQjQjQjdYn34wSSiOAeNpQP9Hs4emQTOJfq Q2aEBW8S9jYA43KIrvZwmAaxYQHXsHH8BMXK0vdSTWx6evMpVYeRAT3MOsGW ULYtOrkzHozE4GVzCChzD Q4 cOlc3 / Q7RPMMJHsE0VN5HXufBy3cmR3ZHb / 3RWfAeRjFBNOYDIzi1IbvTc8FjGFoin1FaUIdzY8zYpPhIecFDuH4322V3HkRS4FXwAQyDlpvA8Go8A7ZOIII7 IX7gK1VNvTPGITO23nEBB / AeTLLAgwQOqPtC9Xxs0Z4fEdwD2NjRDRiK5ypM3fEYDAN8bmE4AEMSeFUx4x3MHurK4NdTRG8h6klopFNIIpJ / SKEe4SKW8E9XMaqXIe3vOMLnfkNbH xIPgNU0v0LtSZlEF1CJyv5mqCexgFgwdeTEcTGN00q8hHZ8FHMCikNfu9qilZo / kNsjMUfAzneAyEwFt2O8qx0xN8DEPL7Y7PELBX PCyjRY8gDG4MDaR5CzOtUIleauz4AZGbBqnr7xtYWxGTSkvch1 / Bffwb01wa4JbE9ya4NYEt / Zv8B9FHrJE9LM0FgAAAABJRU5ErkJggg ==”
我不確定如何在 React 中從此字串型別顯示QR 碼。
uj5u.com熱心網友回復：
只需使用如下所示的 img 標簽：
let img =
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAAFeAQAAAADlUEq3AAADE0lEQVR4Xu2ZMXbjMAxE4ZfCpY/go ho0tF0FB/BpQs/YzEDyKaWVJKtd1BEAfnFYgQQIG3 e3va3yPfmODWBLcmuDXBrf0f8Mto4djVFwzfJj/543Kblnhw8kvwEMZ/vrzsHNSC8ZvN/jzfbVpeX4/LhggewKHltEBnA0xlHQJPHt7lZib4Wzgi9eJrROrZqXoE7DozUgX/AHvmMz2zoo50Flxw/EllQVHnWsGxwoYI7uGkXpCUOu8fnBQ8hN9GST8F H5tJwW3k63OWUyuvpyesT96BewcAXvn/ih4BDuVnZHB0f0ZGhpsjI4HizNaQsEjOCj0eyd0MjajiqAqY4UpvsH5HamCxzAo6hyGoKzsZtyu/AaCexg7YkQjDxtRWqgsu mk6MEEd3DpzAyGR2XR0CDXM7u7jyK4YOpcDU1RnpGaC XXENzBiEZombFJSbMAowmMClOe4BEcVFQRvrNkpC7VwvDVMsEdXMqiptQjQjQjdYn34wSSiOAeNpQP9Hs4emQTOJfq Q2aEBW8S9jYA43KIrvZwmAaxYQHXsHH8BMXK0vdSTWx6evMpVYeRAT3MOsGW ULYtOrkzHozE4GVzCChzD Q4 cOlc3/Q7RPMMJHsE0VN5HXufBy3cmR3ZHb/3RWfAeRjFBNOYDIzi1IbvTc8FjGFoin1FaUIdzY8zYpPhIecFDuH4322V3HkRS4FXwAQyDlpvA8Go8A7ZOIII7 IX7gK1VNvTPGITO23nEBB/AeTLLAgwQOqPtC9Xxs0Z4fEdwD2NjRDRiK5ypM3fEYDAN8bmE4AEMSeFUx4x3MHurK4NdTRG8h6klopFNIIpJ/SKEe4SKW8E9XMaqXIe3vOMLnfkNbH xIPgNU0v0LtSZlEF1CJyv5mqCexgFgwdeTEcTGN00q8hHZ8FHMCikNfu9qilZo/kNsjMUfAzneAyEwFt2O8qx0xN8DEPL7Y7PELBX PCyjRY8gDG4MDaR5CzOtUIleauz4AZGbBqnr7xtYWxGTSkvch1/Bffwb01wa4JbE9ya4NYEt/Zv8B9FHrJE9LM0FgAAAABJRU5ErkJggg==';
<img src={img}/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/377109.html
上一篇：如何讀入字串并傳輸到陣列？