Forum

Thread tagged as: Question, Error, Runway

Blog Images Break Randomly

Hello - this is an odd one. I have a site with a hundred blog posts. Every once in a while, we'll notice on the grid of thumbnails and titles for blog posts, that an image is broken - the thumb and the image (which is the same) on the detail of the post.

Nothing changed, the image just fell off the radar. Nothing consistent - it's happening to an old post from January today, but a few months ago to another random post.

We end up going in, seeing it looks fine, replacing the image, and it's back.

But WHY? Do you have any insight as to why an image would break? It exists in the Resources folder, in the post in the CMS, in the Assets bin. But appears broken when loading.

Thanks in advance for your thoughts on this one!
Leigh C

Leigh C 0 points

  • 5 years ago
Rachel Andrew

Rachel Andrew 394 points
Perch Support

5 years ago

We would need to see your Diagnostics Report and the post.html template in order to help - thanks!
Leigh C

Leigh C 0 points

5 years ago

Here you go:


Perch Runway: 2.8.29, PHP: 5.5.30, MySQL: mysqlnd 5.0.11-dev - 20120503 - $Id: 15d5c781cfcad91193dceae1d2cdd127674ddb3e $, with PDO
Server OS: Linux, cgi-fcgi
Installed apps: content (2.8.29), assets (2.8.29), categories (2.8.29), perch_blog (4.6), perch_events (1.9.3), perch_forms (1.8.3), perch_kraken (1.0), perch_members (1.4), perch_backup (1.2)
App runtimes: <?php $apps_list = array( 'content', 'categories', 'perch_blog', 'perch_members', 'perch_events', 'perch_forms', ); ?>
PERCH_LOGINPATH: /cms
PERCH_PATH: /home/CLIENTserver/public_html/cms
PERCH_CORE: /home/CLIENTserver/public_html/cms/core
PERCH_RESFILEPATH: /home/CLIENTserver/public_html/cms/resources
Image manipulation: GD
PHP limits: Max upload 20M, Max POST 8M, Memory: 128M, Total max file upload: 8M
F1: 2edba60ed1f613d6dd804feb202456a2
Resource folder writeable: Yes
DOCUMENT_ROOT: /home/CLIENTserver/public_html
HTTP_HOST: CLIENT.com
REQUEST_URI: /cms/core/settings/diagnostics/
SCRIPT_NAME: /cms/core/settings/diagnostics/index.php

The the post.html page:



<!-- Page Subheader
        ============================================= -->
        <div id="page-menu" class="page-menu-subheader blog-subheader">

            <div id="page-menu-wrap" class="page-cap">


<div class="row">
  <div class="col-md-2 col-xs-12 center">

        <a href="/community" class="hidden-xs button button-large button-reveal button-mini button-white button-light">
            <i class="icon-line-arrow-left"></i>
                <span>Back to all posts</span>
        </a>


  </div>
  <div class="col-md-8  col-xs-12 center subtitle">


    <span class="hidden-sm"> 

    <perch:blog id="pageTitle" type="text" label="Page Header (H1)" required="true" size="xl autowidth" order="2" help="This title sits in the header of the page and is the first title scrubbed (h1) by search bots.  Please keep it as SEO friendly as possible. It does NOT set the URL link." html="true" />

    </span>


<!-- 
<perch:blog id="postTitle" type="text" label="Post Title" required="true" size="xl autowidth" order="1" help="The title in the browser tab. Also sets URL. Max: 60 characters, SEO friendly." suppress="true" maxlength="60" /> -->



<perch:blog type="checkbox" id="byline" label="Show Authors Name" value="true" suppress="true" />
<perch:blog type="checkbox" id="datetime" label="Show Post Date" value="true" suppress="true" />


<perch:if exists="byline">
        By <perch:blog id="authorGivenName" type="hidden" /> <perch:blog id="authorFamilyName"  />
</perch:if>


<perch:if exists="byline">
    <perch:if exists="datetime">
         | 
    </perch:if>
</perch:if>

<perch:if exists="datetime">
<perch:blog id="postDateTime" type="date" time="true" format="%B %d, %Y" label="Publish on" />
</perch:if>



  </div>



  <div class="col-md-2 col-xs-12 center share-post-icons hidden-sm hidden-xs">


                        <a target="_blank" class="social-icon si-light si-small si-facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://CLIENT.com<perch:blog id="postURL" />">

                <i class="icon-facebook"></i>
                <i class="icon-facebook"></i>
                </a>

                        <a target="_blank" class="social-icon si-light si-small si-twitter" href="https://twitter.com/home?status=<perch:blog id="pageTitle" />%20-%20https://CLIENT.com<perch:blog id="postURL" />">

                <i class="icon-twitter"></i>
                <i class="icon-twitter"></i>

                </a>

                        <a target="_blank" class="social-icon si-light si-small si-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https://CLIENT.com<perch:blog id="postURL" />&title=<perch:blog id="pageTitle" />">

                <i class="icon-linkedin"></i>
                <i class="icon-linkedin"></i>

                </a>




                <a target="_blank" href="mailto: ?Subject=CLIENT%20-%20Industry%20Cloud%20Apps&Body=%0A%0Ahttps://CLIENT.com<perch:blog id="postURL" />" class="social-icon si-light si-small si-email3">

                <i class="icon-email3"></i>
                <i class="icon-email3"></i>

                                </a>







  </div>
</div>





</div>

</div><!-- #sub header -->





<!-- This section starts here but ends on post.php  -->
<section class="blog-post container clearfix topmargin">




<article class="h-entry container">




    <perch:if exists="image">

            <img class="fright" width="500" src="<perch:blog id="image" type="image" density="2" label="Image Wrapped In Post" help="This is the image within the text area, and also used to make the subtle background in the title of the post. Retina size:1000x500.  JPG or animated GIF." order="4"  />" alt="<perch:blog id="postTitle" />" />

    </perch:if>



    <div class="col-xs-12 visible-xs visible-sm">

    <div class="center mobile-social-icons">


                        <a target="_blank"   href="https://www.facebook.com/sharer/sharer.php?u=https://CLIENT.com<perch:blog id="postURL" />">

                <i class="social-icon si-light si-small icon-facebook"></i> 
                </a>

                        <a target="_blank"   href="https://twitter.com/home?status=<perch:blog id="pageTitle" />%20-%20https://CLIENT.com<perch:blog id="postURL" />">

                <i class="social-icon si-light si-small icon-twitter"></i> 

                </a>

                        <a target="_blank"   href="https://www.linkedin.com/shareArticle?mini=true&url=https://CLIENT.com<perch:blog id="postURL" />&title=<perch:blog id="pageTitle" />">

                <i class="social-icon si-light si-small icon-linkedin"></i> 

                </a>




                 <a target="_blank" href="mailto: ?Subject=CLIENT%20-%20Industry%20Cloud%20Apps&Body=%0A%0Ahttps://CLIENT.com<perch:blog id="postURL" />">

                <i class="social-icon si-light si-small icon-email3"></i> 

                                </a>

                                </div>
</div>



    <div class="description e-content">



        <perch:blog id="postDescHTML" type="textarea" label="Post" order="3" editor="ckeditor" html="true" size="xxl autowidth" required="true" help="This is the content for your main post.  The individual post will keep this content. You can cut and past content from most places and the formatting should stay intact." />



    <!-- 
    ******************************************************************
            BLOG FOOTER ACTIONS BLOCK - OPTIONAL BUTTONS   
    ******************************************************************
    -->


<div class="blog-footer-action bottommargin-sm">



            <!--  ++++++++++++++++++++++++++   BUTTON LINK

                        For the original article or a call out link.    -->


            <perch:if exists="button-link">     




                                         <a <perch:if exists="new-window">target="<perch:blog id="new-window" order="" type="checkbox" label="New Window?" help="Leave unchecked for internal pages" divider-before="BUTTON - A regular link (optional)" value="_blank" /></perch:if>" class="button button-large button-border button-rounded uppercase" href="<perch:blog id="button-link"  type="text" label="Link" help="Use any regular link here, link to the original article or even within the site. If it is outside this website, make sure to use a full https:// in the link. Leave this empty and it wont show up." />"><perch:blog type="text" id="button-words" label="Button Text" /></a>



            </perch:if>



             <!--   ============================  END BUTTON LINK  -->






            <!--  ++++++++++++++++++++++++++   FILE LINK

                        Link to an asset in the CMS directly    -->


            <perch:if exists="file-link">     

                                        <a <perch:if exists="new-window2">target="<perch:blog id="new-window2" type="checkbox" label="New Window?" divider-before="BUTTON - A file link (optional)" value="_blank" /></perch:if>" class="button button-large button-border button-rounded uppercase" href="<perch:blog id="file-link"  type="file" label="Link" help="Browse for a file in the Assets bin. Leave this empty and it wont show up." />"><perch:blog type="text" id="button-name" label="Button Text" /></a>


            </perch:if>



             <!--   ============================  END FILE LINK  -->




            <!--  ++++++++++++++++++++++++++   MODAL LINK

                        Launch a modal you have already made.    -->


            <perch:if exists="modal-link">     



                                        <a class="button button-large button-border button-rounded uppercase" href="#" data-toggle="modal" data-target=".<perch:blog id="modal-link" type="text" label="Modal Tag" divider-before="BUTTON - A modal window (optional)" help="Add your unique tag here to launch a pre-existing modal (e.g. getdemo).  Leave this empty and it wont show up." />"> <perch:blog type="text" id="button-name-modal"  label="Button Text"  /></a>



            </perch:if>



             <!--   ============================  END MODAL LINK  -->




            <!--  ++++++++++++++++++++++++++   VIDEO LINK

                        Play a video in a modal, autoplay    -->


            <perch:if exists="video-link">     




                                         <a data-lightbox="iframe" class="button button-large button-border button-rounded uppercase" href="<perch:blog id="video-link" type="text" divider-before="BUTTON - Video in a modal (optional)" label="Link" help="Use a standard video link (e.g. https://www.youtube.com/watch?v=123456789). Leave this empty and it wont show up." />"><perch:blog type="text" id="button-name-video" label="Button Text"  /></a>


            </perch:if>



             <!--   ============================  END VIDEO LINK  -->






<!-- ===================  PDF DOWNLOAD  --> 


<perch:if exists="banner-pdfdownload-link">
    <a class="button button-large button-rounded uppercase button-red" target="_blank" href="<perch:blog id="banner-pdfdownload-link" type="file" label="File link" help="Browse for a file in the Assets bin. Opens in a new window. Leave this empty and it wont show up. Choose ONLY ONE - a file or a URL." divider-before="PDF DOWNLOAD - An optional centered red button with PDF icon, with tracking." />" 
           <perch:if exists="ga-tracking"><perch:blog id="ga-tracking" order="" type="checkbox" label="Google Analytics Event Tracking Toggle" value="1" suppress="true" help="Toggle event tracking on/off for this button. If on, please complete the details below." /> onClick="ga('send', 'event', { eventCategory: '<perch:blog type="text" id="ga-category" order="" label="GA Event Category" help="e.g. Download" />', eventAction: '<perch:blog type="text" id="ga-action" order="" label="GA Event Action" help="e.g. Product Brief" />', eventLabel: '<perch:blog type="text" order="" id="ga-label" label="GA Event Label" help="e.g. GoDigital" />'});" </perch:if>><!-- <i class="fa fa-file-pdf-o"></i> --> Download <span class="custom-icon-document-file-pdf"></span></a>
<perch:else />
    <perch:if exists="banner-pdfdownload-link-url">
        <a class="button button-large button-rounded uppercase button-red" target="_blank" href="<perch:blog id="banner-pdfdownload-link-url" type="text" label="URL link" order="" help="Add the full URL of the PDF asset. Opens in a new window. Leave this empty and it wont show up. Choose ONLY ONE - a file or a URL." />" 
           <perch:if exists="ga-tracking"><perch:blog id="ga-tracking" order="" type="checkbox" label="Google Analytics Event Tracking Toggle" value="1" suppress="true" help="Toggle event tracking on/off for this button. If on, please complete the details below." /> onClick="ga('send', 'event', { eventCategory: '<perch:blog type="text" id="ga-category" order="" label="GA Event Category" help="e.g. Download" />', eventAction: '<perch:blog type="text" id="ga-action" order="" label="GA Event Action" help="e.g. Product Brief" />', eventLabel: '<perch:blog type="text" order="" id="ga-label" label="GA Event Label" help="e.g. GoDigital" />'});" </perch:if>><!-- <i class="fa fa-file-pdf-o"></i> --> Download <span class="custom-icon-document-file-pdf"></span></a>
    </perch:if>
</perch:if>

<!-- ===================  END PDF DOWNLOAD  -->




</div> <!-- end blog footer actions -->




    <!-- 
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            END BLOG FOOTER ACTIONS BLOCK
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    -->



    <!-- 
    ******************************************************************
            MOBILE ONLY - Back button from the top  
    ******************************************************************
    -->



<div class="row center visible-xs visible-sm">

<hr>
    <a href="/community" class="button button-large button-reveal button-mini button-white button-light">
            <i class="icon-line-arrow-left"></i>
                <span>Back to all posts</span>
        </a>
</div>




<perch:if exists="banner-image">      
<!-- ===================  BANNER IMAGE TAIL  -->
    <div class="promo promo-full nomargin notopborder">
        <div class="container clearfix">
            <div class="row">
                <div class="col-md-11 col-xs-9 center">



                <a href="<perch:blog id="banner-link" type="text" label="Link" help="Link the banner image, if you have one below. IMPORTANT: make sure to include https:// - the image itself will link to a new window." divider-before="IMAGE - A banner to the tail of the post (optional)" />
        " target="_blank">



                      <img src="<perch:blog id="banner-image"  type="image" label="Image" help="Optional centered banner image at the end of the article. Size can vary."   />" class="img-responsive" alt="<perch:blog id="alt" type="text" label="Alt Image Text" divider-after="******* POST CONTROLS *******" help="Add some simple text for SEO - bots cannot see images.  This is normally done automatically within the page, but this one is special as a banner." />">

                </a>


                </div> <!-- end col -->
            </div> <!-- end row -->
        </div> <!-- end container -->
</div> <!-- end promo -->
<!-- ===================  END BANNER IMAGE TAIL  -->
</perch:if>



        <perch:if exists="postDescHTML-fineprint">
        <div class="blog-fineprint">
        <perch:blog id="postDescHTML-fineprint" type="textarea" label="Fineprint" order="3" editor="ckeditor" html="true" size="xxl autowidth" required="false" help="Content for the tail-end of your post.  Usually used for extra contact info, about sections for press releases, etc. " />
        </perch:blog>
        </perch:if>


    </div>



</article>

<perch:blog id="excerpt" type="textarea" label="Excerpt" editor="markitup" 
textile="true" order="2" suppress="true" striptags="true" size="m" help="Add SEO language here for meta description that search bots will find. Only the first 140 characters will be used." count="chars" chars="140" striptags="true" append="...Learn more" />
Rachel Andrew

Rachel Andrew 394 points
Perch Support

5 years ago

Your blog app is very out of date - make sure you have updated both Perch and Blog (and any other apps to the latest version) and see if the issue still arises with new content.