Why relevant image not fetching from the database in asp.net mvc?

Question

I have below to fetch (retrieve) images from database by id,(all these images has an ID).

Then i have an tag which calls for Popup and inside the popup i used the same line of code which is used for fetching the image, this here:

The above line of code retrieves the picture but the problem is that it fetches the image with id = 1, for every picture. To give you in depth information i paste the whole code below:

@model List

@foreach (var item in Model)
{
    
    
        
            
                
                
                    Zoom
                    View
                
            
            @Html.ActionLink(item.ProductName, "ProductDetails", new { item.ProductID })
            @item.ProductPrice.ToString("c")
            Add to cart
        
    
              
    
    
        
            
                
                    
                        
                    
                    
                        
                        
                        
                    
                
                
                    Cool green dress with red bell
                    
                        
                            $47.00
                            $62.00
                        
                        
                            Availability: In Stock
                        
                    
                    
                        
                            Lorem ipsum dolor ut sit ame dolore  adipiscing elit, sed nonumy nibh sed euismod laoreet dolore magna aliquarm erat volutpat
                            Nostrud duis molestie at dolore.
                        
                    
                    
                        
                            Size:
                            
                        
                        
                            Color:
                            
                        
                    
                    
                        
                            
                        
                        
                        More details
                    
                

                
            
        
    
    
}

What is the problem, i couldn't found anything online so i asked it here.

EDIT:

public FileContentResult GetMainPicture(int productId)
        {
            Product prod = repository.Products
                .FirstOrDefault(p => p.ProductID == productId);
            if (prod != null)
            {
                return File(prod.MainPicture, prod.MainPictureMimeType);
            }
            else
            {
                return null;
            }
        }

Naser

Peter B · Accepted Answer

Inside the for-loop you create multiple divs with the same id:

, which is not allowed in HTML/DOM. ID values must be unique on the page. This is probably the cause of your problem.

Make the IDs unique, and then adjust the part that causes them to show in the same way.

EDIT - here's how:

Change @for loop to start like this:

@{
    var imgCounter = 0;
}
@foreach (var item in Model)
{
    imgCounter++;


Then change the  to look like this:


View


And change the 
 to start like this:




Here I am assuming that the #-value in the href is what causes the div to show.

Why relevant image not fetching from the database in asp.net mvc?

Answers (1)

Related Questions