سلام دوستان
میخاستم وقتی یوزر از طریق input یه عکسی رو انتخاب کرد قبل آپلود کنار input عکس رو بهش نشون بدم که با دیدنش متوجه بهش قراره چه عکسی میخاد آپلود کنه حالا نمیدونم دقیقا باید چیکار کنم
کار با vuejs هستش
متاسفانه به دلیل قطعی اینترنت نمیتونم سرچ کنم
ممنون میشم کمک کنید
سلام خدمت شما
// 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;
}
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟