display images from directory

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Rayyan 46 posts 238 karma points

Jul 19, 2017 @ 11:43
0

Display images from directory

Templates, (partial) views and macros

Umbraco 7
Hello Everyone, I want to display images from specific directory in the server, I have got this code in the partial view but didn't work, any idea please?
```
@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

    string folderPath = Server.MapPath("~/media");
    string[] files = Directory.GetFiles(/1039);    

        @foreach (string item in files){
            <img src="/media/@Path.GetFileName(item)"/>
    } 
```
Copy Link
Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 19, 2017 @ 11:47
100
Hi Rayyan

Try this code:
```
@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{
    string folderPath = Server.MapPath("~/media");
    string[] files = Directory.GetFiles(folderPath + "/1039");
}
@foreach (string item in files){
    <img src="@item"/>
} 
```
The question is why do you need to show media images .net api? You can do it with Umbraco helper.

Thanks,

Alex
Copy Link
Rayyan 46 posts 238 karma points

Jul 19, 2017 @ 11:55

0

Hi Alex, I really appreciate your help. I'm going with this way because I have hundreds of folders and i need to get the images from each folder dynamically.

It seems the code you suggest is working, but I have a problem with the image PATH, please advise;

E:\web\domain.com\media/1039\homepro.jpg

Thank you very much

Copy Link
Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 19, 2017 @ 11:58
1
Sorry, this code should work:
```
@foreach (string item in files)
{
    <img src="/media/@Path.GetFileName(item)" />
} 
```
Copy Link

Rayyan 46 posts 238 karma points

Jul 19, 2017 @ 12:14

Working perfectly :) Thanks a million Alex!

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{
    string folderPath = Server.MapPath("~/media");
    string[] files = Directory.GetFiles(folderPath + "/1039");
}
@foreach (string item in files){
     <img src="/media/1039/@Path.GetFileName(item)" />
}

Copy Link

Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 19, 2017 @ 12:15

1

You are welcome, Rayyan.

But be aware that it's not a right way to show the image, imagine if somebody will change this image from Umbraco backend?

Copy Link
Rayyan 46 posts 238 karma points

Jul 19, 2017 @ 12:23

0

What do you suggest for my case, having hundreds of folders and I need to display each folder images in specific page?

Thanks

Copy Link
Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 19, 2017 @ 15:24

2

The best case will be to use media picker on the page, and select folder for each page and render with Umbraco helper.

Copy Link

Rayyan 46 posts 238 karma points

Jul 19, 2017 @ 16:28

Thank you Alex, I will consider that in the next version. And for the same code I have tried to add the folder name from PropertyValue but it dosen't work, could you please check the following;

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    string folderPath = Server.MapPath("/media");
    string[] files = Directory.GetFiles(folderPath + "/@Model.Content.GetPropertyValue("placeID")");
}
@foreach (string item in files){
    <img src="/media/@Model.Content.GetPropertyValue("placeID")/@Path.GetFileName(item)" />
}

Am I doing it in the wrong way?

Copy Link

Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 19, 2017 @ 22:02

0

Hi Rayyan

What is placeID property? How did you store it in Umbraco?

Alex

Copy Link
Rayyan 46 posts 238 karma points

Jul 19, 2017 @ 22:05

0

Hi Alex, Solved, and here's my case.

https://our.umbraco.org/forum/templates-partial-views-and-macros//86984-pick-up-directory-folder-dynamically#comment-275707

Thank you very much indeed :)

Copy Link
Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 19, 2017 @ 22:16

1

You are welcome!

Have a nice evening.

Copy Link
Rayyan 46 posts 238 karma points

Jul 19, 2017 @ 22:18

1

Your help made my day! Have a nice evening you too.

Copy Link
Rayyan 46 posts 238 karma points

Jul 20, 2017 @ 11:07
0
Hi Alex,

Sorry for bothering you, but I have a question...

Is there a way to control the number of the items that the code get from the folder?

Something as below;
```
 <img src="/media/@Model.Content.GetPropertyValue("placeID")/@Path.GetFileName(item) [6 Items Max] " />
```
Many thanks
Copy Link
Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Aug 01, 2017 @ 10:42

0

Hi Rayyan

Did you solve the issue? Can you share with out community?

Thanks,

Alex

Copy Link
Rayyan 46 posts 238 karma points

Aug 01, 2017 @ 11:36

0

Hi Alex, Here's the question and it's answer...

https://stackoverflow.com/questions/45253870/get-all-the-items-and-limit-the-number-of-the-img-tags-only

Copy Link
Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Aug 01, 2017 @ 11:37

0

Hi Rayyan,

Thanks for sharing, is it working for you?

Alex

Copy Link
Rayyan 46 posts 238 karma points

Aug 01, 2017 @ 11:45

1

Yes, perfectly!

Copy Link
Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 20, 2017 @ 11:11
0
Hi Rayyan

Of course you can do it:
```
string[] files = Directory.GetFiles(folderPath).Take(6).ToArray();
```
Thanks,

Alex
Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?