使用mvc4将图像显示为移动应用程序的幻灯片显示

时间:2013-11-05 06:25:54

标签: asp.net-mvc-4

使用mvc4将图像显示为移动应用程序的幻灯片。

我将这些图像的物理路径转换为控制中的一个数组[]。我希望传递该数组来查看。我希望将这些图像显示为幻灯片。

这是我的代码

控制器代码:

 public ActionResult Index()
    {
        var imageFiles = new Mobile.Models.DisplayImages.ImageModel();
        imageFiles.Images.AddRange(System.IO.Directory.GetFiles(@"E:\05-11\New Folder\Images\BannerImages\"));
        for (int i = 0; i < imageFiles.Images.Count; i++)
        {
            // get rid of the fully qualified path name
            imageFiles.Images[i] = imageFiles.Images[i].Replace(@"E:\05-11\New Folder\Images\BannerImages\", "../../Images/BannerImages/");
            // change the slashes for web
            imageFiles.Images[i] = imageFiles.Images[i].Replace('\\', '/');
        }
        return View(imageFiles);
    }

型号代码:

public class DisplayImages
{
    public class ImageModel
    {
        List<string> _images = new List<string>();

        public ImageModel()
        {
            _images = new List<string>();
        }

        public List<string> Images
        {
            get { return _images; }
            set { _images = value; }
        }
    }
}

查看代码:

 @for (int imgIndex = 0; imgIndex < Model.Images.Count; imgIndex++){
if (imgIndex == 0)
{
     <img class="first" src = "@Model.Images[imgIndex]" alt="No Image"/> 
}
else
{
     <img src = "@Model.Images[imgIndex]" alt="No Image"/> 
}

}

您可以根据您的要求在视图文件中应用样式。

1 个答案:

答案 0 :(得分:0)

您转发的同一个问题。我已经回答了。您可以在link

中找到解决方案

解决方案粘贴在这里

首先在模型

中创建此类
public class ImageModel
{
List<string> _images = new List<string>();

    public ImageModel()
    {
        _images = new List<string>();
    }

    public List<string> Images
    {
        get { return _images; }
        set { _images = value; }
    }
}

然后在Controller中使用以下代码

var imageFiles = new ProjectName.Models.ImageModel();
imageFiles.Images.AddRange(System.IO.Directory.GetFiles(imagepath));
return View(imageFiles);
在视图中

将其用作

@model ImageModel
@for (int imgIndex = 0; imgIndex < Model.Images.Count; imgIndex++)
{

if (imgIndex == 0)
{
     <img class="first" src = "@Model.Images[imgIndex]" alt="No Image" "/> 
}
else
{
     <img src = "@Model.Images[imgIndex]" alt="No Image "/> 
}
}

这段代码是我试过的代码。希望它对您有所帮助。在图像路径中,指定完整路径,指出文件所在的物理路径