Browse عکس در سایت و نمایش همزمان آن در صفحه

[آرش کبیری]

سلام به همه :
دوستان من در سایتم فرم ثبت نام دارم ونیاز دارم کاربر عکسشو رو در صفحه درج کند و همزمان عکسش رو ببینه و تایید کنه ولی نمیخوام صفحه بره و برگرده اینه که از یک پلاگین با
نام kartik-v-bootstrap-fileinput-v4.1.7-9 استفاده کردم

برنامه کار میکنه مشکلی هم نیست منتها من میخوام اعتبار سنجی و وجود عکس چک بشه ولی ظاهرا چون از این پلاگین استفاده کردم چک نمیشه کسی میتونه کمکم کنه ؟ یا

پلاگینی معرفی کنید که خوش مورد اعتبار سنجی هم داشته باشه ؟ ممنون از همگی .ممنون میشم زودتر پاسخ بدید فوریه

[alireza_rashvand]

سلام
دقیق متوجه منظورت نشدم ولی اگر می خواهی کاربر عکس رو از هاردش اپلود کنه و قبل از اینکه ارسال بشه نمایش داده بشه این کد می تونه کمک کنه.


$("#file").change(function () {
readURL(this);
});
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();


reader.onload = function (e) {
$('#profile-image').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}

[آرش کبیری]

سلام
دقیق متوجه منظورت نشدم ولی اگر می خواهی کاربر عکس رو از هاردش اپلود کنه و قبل از اینکه ارسال بشه نمایش داده بشه این کد می تونه کمک کنه.


$("#file").change(function () {
readURL(this);
});
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();


reader.onload = function (e) {
$('#profile-image').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}





سلام وتشکر . درسته من میخوام کاربر عکسشو رو ببینه و پلاگین من هم این کارو انجام میده ولی سوالم این بود که اگر کاربر عکسی در فرم ثبت نام درج نکرده بود قبل از ارسال اطلاعات به اون هشدار بده .

ممنون از لطفت ولی جواب رو پیدا کردم برای چک اون این کد رو نوشتم :

$('input[type=file]').rules('add', { required: true });