使用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"/>
}
}
您可以根据您的要求在视图文件中应用样式。
答案 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 "/>
}
}
这段代码是我试过的代码。希望它对您有所帮助。在图像路径中,指定完整路径,指出文件所在的物理路径