Image in RSS feed : The Official Microsoft ASP.NET Forums

Reply

Image in RSS feed

Feb 16, 2009 02:20 PM|LINK

Hello there,

I'm trying to insert a image in my rss feed but it wouldn't work.....this is my xml code:

<?xml version="1.0" encoding="utf-8" ?>
- <rss version="2.0">
- <channel>
  <title>Test feeds</title>
  <link>www.cinto.nl</link>
  <description>RSS Feed</description>
  <author>Test Name</author>
  <language>nl</language>
  <ttl>30</ttl>
  <copyright>© Test</copyright>
- <image>
  <url>http://www.geenstijl.nl/archives/images/voedingmij.jpg</url>
  <link>www.test.nl</link>
  <title>Testimage</title>
  </image>
- <item>
  <title>Item1</title>
  <description>Test Item 1</description>
  <link>http://www.item1.nl</link>
  <pubDate>ma, 16 feb 2009 16:18:16</pubDate>
  <author>Pieter</author>
  </item>
  </channel>
  </rss>

What do I do wrong??

Reply

Re: Image in RSS feed

Feb 16, 2009 03:20 PM|LINK

The link element should be a URL so e.g. http://www.test.nl/ and not a domain. And the link of the image element should usually the same as the link of the channel element.

Other than that, you need to precisely tell us what "wouldn't work"? Have you tried a feed validator and get errors? Which exactly?

Martin Honnen --- MVP Data Platform Development
My blog

Reply

Re: Image in RSS feed

Feb 17, 2009 11:27 AM|LINK

Yes, I figure that out later.....my bad. I didn't had my feed online so I couldn't check it by feedvalidator.org. But now it's online and I solve the problems. It's nou an valid rss feed. The only thing is that when I check it out in Firefox I see my image....but not in Internet Explorer. Someone know what this could be??

This is my xml code:

<?xml version="1.0" encoding="utf-8" ?>
- <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
- <channel>
  <title>Cinto feeds</title>
  <link>http://www.cinto.nl</link>
  <description>RSS Feed</description>
  <language>nl</language>
  <ttl>30</ttl>
  <copyright>Cinto 2009</copyright>
- <image>
  <url>http://www.geenstijl.nl/archives/images/voedingmij.jpg</url>
  <link>http://www.cinto.nl</link>
  <title>Cinto feeds</title>
  </image>
- <item>
  <title>Item1</title>
  <description>Test Item 1</description>
  <link>http://www.item1.nl</link>
  <guid>http://www.item1.nl</guid>
  <pubDate>Tue, 17 Feb 2009 13:20:58 GMT</pubDate>
  <author>Pieter@test.nl (Pieter Verhage)</author>
  </item>
  </channel>
  </rss>

The only recommendation feedvalidator.org said, is that I am missing atom:link with rel="self"

 So I have to add this line of code in my feed channel:

atom:link href="http://dallas.example.com/rss.xml" rel="self" type="application/rss+xml"

But the thing is that I can't get this in my code....xmlns:atom="http://www.w3.org/2005/Atom was no problem. 
This is my function to render the feed:
 
 
 
   public void RenderFeed()
    {
        m_response.Clear();
        m_response.ContentType = "text/xml";

        XmlTextWriter xwRSS = new XmlTextWriter(m_response.OutputStream, Encoding.UTF8);

        xwRSS.WriteStartDocument();
        xwRSS.WriteStartElement("rss");
        xwRSS.WriteAttributeString("version", "2.0");
        xwRSS.WriteAttributeString("xmlns:atom", "http://www.w3.org/2005/Atom");
        xwRSS.WriteStartElement("channel");        
        xwRSS.WriteElementString("title", ChannelTitle);        
        xwRSS.WriteElementString("link", ChannelURL);
        xwRSS.WriteElementString("description", ChannelDescription);             
        xwRSS.WriteElementString("language", "nl");
        xwRSS.WriteElementString("ttl", "30");
        xwRSS.WriteElementString("copyright", "Cinto 2009");        
        
        foreach(FeedItem item in m_items)       
        {
            if (item.Title != null)
            {
                WriteItem(xwRSS, item);
            }            
        }

        xwRSS.WriteEndElement();
        xwRSS.WriteEndDocument();
        xwRSS.Flush();
        xwRSS.Close();
    }

But I don't think this is the problem that I can't see my image in IE, only FF. Someone know howto add that href link? And the solution for not seeing my image?

Thx

Edited by Pitex on Feb 17, 2009 11:30 AM
Edited by Pitex on Feb 17, 2009 11:32 AM
Edited by Pitex on Feb 17, 2009 11:33 AM
Edited by Pitex on Feb 17, 2009 11:34 AM

Reply

Pitex

Member

6 Points

12 Posts

Re: Image in RSS feed

Feb 17, 2009 12:10 PM|LINK

Yeah lol, I just find out that the image I'm try to see only for the channel is with the image tag.....What I want is to add an image to each feed item. Someone know howto do this?

Reply

Pitex

Member

6 Points

12 Posts

Re: Image in RSS feed

Feb 17, 2009 06:17 PM|LINK

Noone knows how to add an image to each feed item?? Cuz I checked everywhere on the internet en the only thing I found is what I have now. And that is an image for the channel....... When I try this for the Item it's not an valid rss feed anymore and I don't see the images....

?? Thx..

Reply

Samu Zhang -...

All-Star

62163 Points

6101 Posts

Re: Image in RSS feed

Feb 18, 2009 07:25 AM|LINK

Hi Pitex ,

You may try to apply xslt file on this xml file.

<xsl:stylesheet version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:atom="http://www.w3.org/2005/Atom">
  

  <xsl:output method="xml"  />
  <xsl:template match="/">
    <html>
      <body>
        <xsl:apply-templates select="//image"></xsl:apply-templates>
      </body>
    </html>
  </xsl:template>


  <xsl:template match="//image">


    <img  >
      <xsl:attribute name="src">
        <xsl:value-of select="url"></xsl:value-of>
        </xsl:attribute>
    </img>


  </xsl:template>


</xsl:stylesheet>

XML file :

<?xml version="1.0" encoding="utf-8" ?>

<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Cinto feeds</title>
    <link>http://www.cinto.nl</link>
    <description>RSS Feed</description>
    <language>nl</language>
    <ttl>30</ttl>
    <copyright>Cinto 2009</copyright>
    <image>
      <url>http://www.geenstijl.nl/archives/images/voedingmij.jpg</url>
      <link>http://www.cinto.nl</link>
      <title>Cinto feeds</title>
    </image>
    <item>
      <title>Item1</title>
      <description>Test Item 1</description>
      <link>http://www.item1.nl</link>
      <guid>http://www.item1.nl</guid>
      <pubDate>Tue, 17 Feb 2009 13:20:58 GMT</pubDate>
      <author>Pieter@test.nl (Pieter Verhage)</author>

    </item>

  </channel>

</rss>

Samu Zhang
Microsoft Online Community Support

Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question.

Reply

Pitex

Member

6 Points

12 Posts

Re: Image in RSS feed

Feb 19, 2009 10:02 AM|LINK

Yeah I already got the solution and it was quite easy. What you have to do when you have to want images in each feed item, you use html tags in the description. My writeItemfuntion checks of the url of the image is not emty and then of the image hyperlink is not emty (for a clickable image), if so then he write the <img> html tag only and if he's not emty he write the <href> tag & <img> tag. My function looks like this:

private void WriteItem(XmlTextWriter xwRss, FeedItem f)
    {
        try
        {
            if (f.ImgURL != null || f.ImgURL == "")
            {
                if (f.ImgHyperLink == null || f.ImgHyperLink == "")
                {
                    f.Description = "<img src='" + f.ImgURL + "' style='float: left' alt=''/>" + f.Description;
                }
                else
                {
                    f.Description = "<a href=" + f.ImgHyperLink + "> <img src='" + f.ImgURL + "' style='float: left' alt=''> </a>" + f.Description;
                }
            }


            xwRss.WriteStartElement("item");
            xwRss.WriteElementString("title", f.Title);
            xwRss.WriteElementString("description", f.Description);
            xwRss.WriteElementString("link", f.URL);
            xwRss.WriteElementString("guid", f.Guid);


            if (f.pubDate.HasValue)
                xwRss.WriteElementString("pubDate", f.pubDate.Value.ToString("ddd, dd MMM yyyy HH':'mm':'ss 'GMT'", culture));


            xwRss.WriteElementString("author", f.Author);
            xwRss.WriteEndElement();


        }
        catch
        {
            throw;
        }
    }

This works fine !

Reply

Pitex

Member

6 Points

12 Posts

Re: Image in RSS feed

Feb 19, 2009 11:03 AM|LINK

I just solve my last problem: Adding this line:

<atom:link href="http://dallas.example.com/rss.xml" rel="self" type="application/rss+xml" />

 In my C# code, what you have to do is this:

 xwRSS.WriteElementString("atom:link href=\"http://dallas.example.com/rss.xml\" rel=\"self\" type=\"application/rss+xml\"", "");
 
My feed is now completly valid!

Edited by Pitex on Feb 19, 2009 11:07 AM
Edited by Pitex on Feb 19, 2009 11:31 AM
Edited by Pitex on Feb 19, 2009 11:32 AM
Marked as answer by Samu Zhang - MSFT on Feb 20, 2009 08:06 AM

Image in RSS feed RSS

7 replies

Pitex

Image in RSS feed

Martin_Honne...

Re: Image in RSS feed

Pitex

Re: Image in RSS feed

Pitex

Re: Image in RSS feed

Pitex

Re: Image in RSS feed

Samu Zhang -...

Re: Image in RSS feed

Pitex

Re: Image in RSS feed

Pitex

Re: Image in RSS feed

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft