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

debugcn 发表于 Dev

兰吉斯·库马尔·纳吉里（Ranjith Kumar Nagiri）

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

我正在将这些图像的物理路径放入一个array []控件中。我想通过该数组来查看。在那里，我想以幻灯片形式显示这些图像。

这是我的代码

控制器代码：

 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"/> 
}

}

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

希瓦·索拉卜（Shiva Saurabh）

您转发了相同的问题。我已经回答了。您可以在链接中找到解决方案

解决方案如何粘贴在这里

在模型中创建此类的第一个说出的内容

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 "/> 
}
}

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。