سلام
من کد زیر را نوشته ام
@{
ViewBag.Title = "Index";
}
<div style="direction:rtl;">
<h3>ذخیره عکس در دیتابیس</h3>
@using (Html.BeginForm("Index", "SaveToDB", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
@Html.AntiForgeryToken()
<div class="col-md-12">
<div class="col-md-2">
<input type="file" name="Image" />
</div>
<div class="col-md-3">
<input type="submit" value="ذخیره عکس" />
</div>
<div>
<img src="#" alt="Alternate Text" />
</div>
</div>
}
</div>
حال میخواهم وقتی عکس را انتخاب کرد کاربر همان زمان هم عکس در تگ img نمایش داده شود
چه کدی باید بنویسم
باتشکر
ASP.NET MVC نه MVC.NET چیزی به این اسم وجود ندارد.
پاسخ سوال: لینک زیر را بررسی کنید
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="form1" runat="server"> <input type='file' id="imgInp" /> <img id="blah" src="#" alt="your image" /> </form>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imgInp").change(function() {
readURL(this);
});
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)