vue.js显示base64string图片

昨天在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
原文地址:https://www.cnblogs.com/insus/p/13418098.html