vue.js显示base64string图片

• Z时代
• 2024-01-10
• 分类：综合

昨天在vue.js项目中，产生彩色二维码，并显示出来。

如这个样子：

敢用手机扫一扫？ 哈哈，这个二维码只是本博客http://insus.cnblogs.com链接而已。

代码简单：

<div id="test">
        <img :src="'data:image/png;base64,'+ qrcode"/>       
    </div>

HTML Source Code

var vue_content = new Vue({
            el: '#test',
            data() {
                return {
                    qrcode: null
                }
            },
            mounted() {
                axios
                    .get('/api/BC/GetColorQrCode')
                    .then(response => (
                        this.qrcode = response.data)
                    )
                    .catch(function (error) {
                        console.log(error);
                    });
            }
        })

JavaScript Source Code

以上是 vue.js显示base64string图片 的全部内容， 来源链接： utcz.com/z/376904.html