javascript - Berkenaan isu memanggil antara muka kamera pada halaman web WeChat untuk memaparkan gambar?

Question

Selepas saya menghubungi pemilihan imej atau antara muka kamera WeChat untuk mendapatkan localId imej, bolehkah saya memaparkan imej melalui <img src=localId>?
Jika tidak, bagaimana saya boleh memaparkan imej?

Answer 1

Terima kasih atas jemputan, ya. Ia boleh didapati dalam demo WeChat. Localid boleh dipaparkan terus dalam src.

Answer 2

Saya tidak tahu sama ada antara muka WeChat berfungsi. Tetapi kod di bawah pasti akan berfungsi

<input type="file" accept="image/*" value="点击上传" onchange="preview($event)"/>
<img src="" id="previewImg">
<script>
    function preview($event) {
        const $target = $event.target
        if ($target.files && $target.files[0]){
            const reader = new FileReader();
            reader.readAsDataURL($target.files[0]);
            reader.onload = function(evt){
                document.getElementById('previewImg').setAttribute('src', evt.target.result)
                // 上传
                // 向服务器发送$target.files[0]
            }

        }
    }
</script>