نمایش نتایج 1 تا 2 از 2

نام تاپیک: ارسال عکس به کنترلر از طریق ajax

  1. #1

    ارسال عکس به کنترلر از طریق ajax

    سلام
    من کلاس زیر را نوشته ام

    public partial class Person
    {
    public int Id { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public byte[] Image { get; set; }
    }


    و کنترلر زیر را هم دارم

    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Create(Person person)
    {
    if (ModelState.IsValid)
    {
    db.People.Add(person);
    db.SaveChanges();
    return RedirectToAction("Index");
    }


    return View(person);
    }


    وview زیر را هم دارم

    @model Modal5.Models.Person


    @{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";
    }


    <h2>Create</h2>




    @using (Html.BeginForm())
    {
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
    <h4>Person</h4>
    <hr />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    <div class="form-group">
    @Html.LabelFor(model => model.FirstName, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
    @Html.EditorFor(model => model.FirstName, new { htmlAttributes = new { @class = "form-control" } })
    @Html.ValidationMessageFor(model => model.FirstName, "", new { @class = "text-danger" })
    </div>
    </div>


    <div class="form-group">
    @Html.LabelFor(model => model.LastName, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
    @Html.EditorFor(model => model.LastName, new { htmlAttributes = new { @class = "form-control" } })
    @Html.ValidationMessageFor(model => model.LastName, "", new { @class = "text-danger" })
    </div>
    </div>


    <div class="form-group">
    <div class="form-group">
    <div class="row">
    <div class="col-12 col-md-12 text-center">
    <div class="col-9">
    <input type="file" name="Photo" id="imgInp" />
    </div>
    </div>
    <div class="col-12 col-md-12 text-center ">
    <img id="blah" src="#" alt="عکس " style="width: 200px; height: 300px;" />
    </div>


    </div>
    </div>
    </div>



    </div>
    }


    <div class=" col-lg-6 text-center">
    <button Id="Insert" value="Insert" class=" btn btn-success rounded ">
    <span>Insert</span>
    </button>
    </div>




    <div>
    @Html.ActionLink("Back to List", "Index")
    </div>


    @section Scripts {

    <script>
    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);
    });
    </script>


    <script>
    $(function () {
    var a = $("#Insert");
    a.on("click", function () {
    debugger;
    var token = $('input[name=__RequestVerificationToken]').val();
    var dataObject = {
    FirstName: $("#FirstName").val(),
    LastName: $("#LastName").val(),
    Image: $("#imgInp").val()
    };


    $.ajax({
    url: '@Url.Action("Create", "People")',
    data: {
    __RequestVerificationToken: token,
    person: dataObject
    },
    type: "POST",
    success: function (res) {

    }, error: function () {

    }
    });
    });
    });
    </script>




    @Scripts.Render("~/bundles/jqueryval")
    }




    اما نمیدانم چگونه باید عکس را به کنترلر برای ثبت انتقال بدهم
    بایدچه کدی بنویسم
    باتشکر

  2. #2
    کاربر دائمی آواتار شرلوک هلمز
    تاریخ عضویت
    مرداد 1387
    محل زندگی
    تهران
    پست
    258

    نقل قول: ارسال عکس به کنترلر از طریق ajax

    از پلاگین ajaxform استفاده کن

تاپیک های مشابه

  1. سوال: ارسال کد به موبایل از طریق کامپیوتر
    نوشته شده توسط ghanary_ghermez در بخش Symbian OS
    پاسخ: 1
    آخرین پست: جمعه 08 شهریور 1387, 10:02 صبح
  2. ارسال sp به SQL از طریق ASP.NET
    نوشته شده توسط tc1000 در بخش ASP.NET Web Forms
    پاسخ: 1
    آخرین پست: جمعه 07 دی 1386, 00:50 صبح
  3. ارسال پارامتر به SQLDATASOURCE از طریق صفحه کد
    نوشته شده توسط hassan1365 در بخش ASP.NET Web Forms
    پاسخ: 0
    آخرین پست: چهارشنبه 24 مرداد 1386, 13:44 عصر
  4. ارسال object به کلاینت از طریق ajax؟
    نوشته شده توسط Behsharp در بخش ASP.NET Web Forms
    پاسخ: 4
    آخرین پست: چهارشنبه 20 تیر 1386, 10:35 صبح
  5. ارسال pm به یاهو از طریق سایت با asp.net
    نوشته شده توسط sre.net در بخش ASP.NET Web Forms
    پاسخ: 0
    آخرین پست: پنج شنبه 18 آبان 1385, 17:19 عصر

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •