Rumah  >  Soal Jawab  >  teks badan

laravel - pratonton imej tempatan vuejs, bagaimana untuk mendapatkan imej src?

Pratonton imej tempatan Vuejs, bagaimana untuk mendapatkan imej src?

KomponenImagePreview.vue

<template>
    <p class="card text-center" style="width: 16rem;">
        <img class="card-img" :src="imgDataUrl" style="height: 16rem;">
        <p class="card-footer text-muted">
            <input type="file" id="image" name="image" @change="preview($event)">
        </p>
    </p>
</template>

<script>
    export default {
        data(){
            return {
                imgDataUrl: ''
            }
        },
        methods: {
            preview(event){
                this.imgDataUrl = event.target.files;
            }
        }
    }
</script>

Soalan:
Selepas mengklik pada gambar, gambar itu tidak boleh dipaparkan dalam tetingkap penyahpepijatan pelayar src="[object File]" Bagaimana saya harus menulisnya?
Dua cara penulisan berikut dalam kaedah pratonton tidak akan berfungsi.

event.target.files
event.target.files[0]
滿天的星座滿天的星座2737 hari yang lalu627

membalas semua(2)saya akan balas

  • 为情所困

    为情所困2017-05-16 16:48:32

    event.target.value ini adalah src

    balas
    0
  • 阿神

    阿神2017-05-16 16:48:32

    console.log(event.target.files) untuk melihat strukturnya

    balas
    0
  • Batalbalas