نمایش عکس انتخاب شده از input با vuejs
سلام دوستان
میخاستم وقتی یوزر از طریق input یه عکسی رو انتخاب کرد قبل آپلود کنار input عکس رو بهش نشون بدم که با دیدنش متوجه بهش قراره چه عکسی میخاد آپلود کنه حالا نمیدونم دقیقا باید چیکار کنم
کار با vuejs هستش
متاسفانه به دلیل قطعی اینترنت نمیتونم سرچ کنم
ممنون میشم کمک کنید
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
گزارش تخلف
کپی کردن
1
سلام خدمت شما
// template
<div>
<input type="file" @change="onFileChange" />
<div id="preview">
<img v-if="url" :src="url" />
</div>
</div>
// script
data() {
return {
url: null,
}
},
methods: {
onFileChange(e) {
const file = e.target.files[0];
this.url = URL.createObjectURL(file);
}
}
// style
#preview {
display: flex;
justify-content: center;
align-items: center;
}
#preview img {
max-width: 100%;
max-height: 500px;
}