এমভিসি 4 এ চিত্রগুলি আপলোড করা / প্রদর্শন করা হচ্ছে

Question 1

সত্তা ফ্রেমওয়ার্ক ব্যবহার করে কোনও ডাটাবেস থেকে চিত্রগুলি কীভাবে আপলোড / প্রদর্শন করতে হয় সে সম্পর্কে ধাপে ধাপে টিউটোরিয়ালগুলি যে কেউ জানেন? আমি কোড স্নিপেটগুলি পরীক্ষা করে দেখেছি, তবে এটি কীভাবে কাজ করে তা সম্পর্কে এখনও আমি পরিষ্কার নই। আমার কোনও কোড নেই, কারণ আপলোড ফর্মটি লেখার বিষয়টি বাদ দিয়ে আমি হারিয়েছি। যে কোনও (এবং আমি কোনও মানে) সাহায্যের প্রশংসা করি।

একপাশে, কোনও বই কেন এই বিষয়টি কভার করে না? আমার কাছে প্রো এএসপি.নেট এমভিসি 4 এবং পেশাদার এমভিসি 4 রয়েছে এবং তারা এ সম্পর্কে কোনও উল্লেখ করে না।

Question 2

নিম্নলিখিতটি দেখুন

@using (Html.BeginForm("FileUpload", "Home", FormMethod.Post, 
                            new { enctype = "multipart/form-data" }))
{  
    <label for="file">Upload Image:</label> 
    <input type="file" name="file" id="file" style="width: 100%;" /> 
    <input type="submit" value="Upload" class="submit" /> 
}

আপনার নিয়ামকের এমন ক্রিয়া পদ্ধতি থাকা উচিত যা গ্রহণ করবে HttpPostedFileBase;

 public ActionResult FileUpload(HttpPostedFileBase file)
    {
        if (file != null)
        {
            string pic = System.IO.Path.GetFileName(file.FileName);
            string path = System.IO.Path.Combine(
                                   Server.MapPath("~/images/profile"), pic); 
            // file is uploaded
            file.SaveAs(path);

            // save the image path path to the database or you can send image 
            // directly to database
            // in-case if you want to store byte[] ie. for DB
            using (MemoryStream ms = new MemoryStream()) 
            {
                 file.InputStream.CopyTo(ms);
                 byte[] array = ms.GetBuffer();
            }

        }
        // after successfully uploading redirect the user
        return RedirectToAction("actionname", "controller name");
    }

আপডেট 1

আপনি যদি অজস্রভাবে জিকুয়ারি ব্যবহার করে ফাইলগুলি আপলোড করতে চান তবে এই নিবন্ধটি চেষ্টা করুন ।

সার্ভারের দিকটি পরিচালনা করার কোডটি (একাধিক আপলোডের জন্য);

 try
    {
        HttpFileCollection hfc = HttpContext.Current.Request.Files;
        string path = "/content/files/contact/";

        for (int i = 0; i < hfc.Count; i++)
        {
            HttpPostedFile hpf = hfc[i];
            if (hpf.ContentLength > 0)
            {
                string fileName = "";
                if (Request.Browser.Browser == "IE")
                {
                    fileName = Path.GetFileName(hpf.FileName);
                }
                else
                {
                    fileName = hpf.FileName;
                }
                string fullPathWithFileName = path + fileName;
                hpf.SaveAs(Server.MapPath(fullPathWithFileName));
            }
        }

    }
    catch (Exception ex)
    {
        throw ex;
    }

এই নিয়ন্ত্রণটি চিত্রের নামও ফেরত দেয় (একটি জাভাস্ক্রিপ্ট কল পিছনে) যা তখন আপনি এটি ডিওমে চিত্র প্রদর্শন করতে ব্যবহার করতে পারেন।

আপডেট 2

বিকল্পভাবে, আপনি এমভিসি 4 এ এসিঙ্ক ফাইল আপলোডগুলি চেষ্টা করতে পারেন ।

Question 3

এখানে একটি সংক্ষিপ্ত টিউটোরিয়াল:

মডেল:

namespace ImageUploadApp.Models
{
    using System;
    using System.Collections.Generic;

    public partial class Image
    {
        public int ID { get; set; }
        public string ImagePath { get; set; }
    }
}

দেখুন:

সৃষ্টি:

@model ImageUploadApp.Models.Image
@{
    ViewBag.Title = "Create";
}
<h2>Create</h2>
@using (Html.BeginForm("Create", "Image", null, FormMethod.Post, 
                              new { enctype = "multipart/form-data" })) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Image</legend>
        <div class="editor-label">
            @Html.LabelFor(model => model.ImagePath)
        </div>
        <div class="editor-field">
            <input id="ImagePath" title="Upload a product image" 
                                  type="file" name="file" />
        </div>
        <p><input type="submit" value="Create" /></p>
    </fieldset>
}
<div>
    @Html.ActionLink("Back to List", "Index")
</div>
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

সূচক (প্রদর্শনের জন্য):

@model IEnumerable<ImageUploadApp.Models.Image>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<table>
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.ImagePath)
        </th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.ImagePath)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
            @Html.ActionLink("Details", "Details", new { id=item.ID }) |
            @Ajax.ActionLink("Delete", "Delete", new {id = item.ID} })
        </td>
    </tr>
}

</table>

নিয়ামক (তৈরি করুন)

public ActionResult Create(Image img, HttpPostedFileBase file)
{
    if (ModelState.IsValid)
    {
        if (file != null)
        {
            file.SaveAs(HttpContext.Server.MapPath("~/Images/") 
                                                  + file.FileName);
            img.ImagePath = file.FileName;
        }  
        db.Image.Add(img);
        db.SaveChanges();
        return RedirectToAction("Index");
    }
    return View(img);
}

আশা করি এটি সাহায্য করবে :)

Question 4

        <input type="file" id="picfile" name="picf" />
       <input type="text" id="txtName" style="width: 144px;" />
 $("#btncatsave").click(function () {
var Name = $("#txtName").val();
var formData = new FormData();
var totalFiles = document.getElementById("picfile").files.length;

                    var file = document.getElementById("picfile").files[0];
                    formData.append("FileUpload", file);
                    formData.append("Name", Name);

$.ajax({
                    type: "POST",
                    url: '/Category_Subcategory/Save_Category',
                    data: formData,
                    dataType: 'json',
                    contentType: false,
                    processData: false,
                    success: function (msg) {

                                 alert(msg);

                    },
                    error: function (error) {
                        alert("errror");
                    }
                });

});

 [HttpPost]
    public ActionResult Save_Category()
    {
      string Name=Request.Form[1]; 
      if (Request.Files.Count > 0)
        {
            HttpPostedFileBase file = Request.Files[0];
         }


    }