RE: Possible to display JPG attachment in email

Posted by Pedro on May 31, 2014; 9:05pm
URL: https://support.nabble.com/Possible-to-display-JPG-attachment-in-email-tp7589178p7590395.html

Please, try this code. Note that, at line 56 I set the icons size:

<override_macro name="message_as_html" requires="message">
    <n.if.either condition1="[n.is_deleted/]" condition2="[n.is_deactivated/]">
        <then>
            <b><t>CONTENTS DELETED</t></b>
            <div class="weak-color"><t>The author has deleted this message.</t></div>
        </then>
        <else>
            <n.set_var. name="output">
                <n.as_html_list.process_message_html />
            </n.set_var.>
            
            <n.if.is_imported_mail>
                <then>
                    <n.set_var. name="output">
                        <n.remove_unsubscription_link.var name="output" />
                    </n.set_var.>                
                    
                    <n.comment>
                        PART 1: Copy the attachment links to a variable
                    </n.comment>
                    <n.set_var. name="attachments">                
                        <n.regex. text="[n.var name='output'/]" pattern="[n.attachments_regex/]">
                            <n.if.find>
                                <then.found/>
                            </n.if.find>
                        </n.regex.>                
                    </n.set_var.>           

                    <script language="JavaScript">
                        $(document).ready(function() {                               
                        $('#attachments img').addClass("clip_icon");                                
                        })                               
                    </script>                     
                    
                    <n.regex. text="[n.var name='attachments'/]" pattern="[n.href_regex/]">
                        <n.loop.>      
                            <n.set_var. name="thumb_url">                              
                                <n.regex_replace_all text ="[n.current_element/]" pattern="href=" replacement =''/>     
                            </n.set_var.>        
                            
                            <n.regex. text="[n.var name='thumb_url'/]" pattern="\w+\.(jpg|jpeg|gif|png|JPG|JPEG|GIF|PNG)">
                                <n.if.find>
                                    <then>                                            
                                        <n.set_var. name="thumb_url">                                   
                                           <n.regex_replace_all text ="[n.var name='thumb_url'/]" pattern="href=" replacement =''/>         
                                        </n.set_var.>   

                                        <script language="JavaScript">
                                            $(document).ready(function() {
                                            var new_thumb = <n.var name='thumb_url'/> ;
                                            console.log(new_thumb);
                                            var icon = $(".clip_icon").first();
                                            icon.removeClass("clip_icon");
                                            console.log("icon:"+icon.attr("src"));
                                            icon.attr("src",new_thumb);
                                            icon.attr("style","height:100px;width:100px");                                           
                                            })                                           
                                        </script>
                                        
                                    </then>
                                </n.if.find>
                            </n.regex.>  
                        </n.loop.>
                    </n.regex.>  
 
                    
                    <n.comment>
                        PART 2: Rebuild the "output" variable by placing the attachments at the top.
                        At the end, we remove the old attachments so that we don't show duplicate links.
                    </n.comment>
                    <n.set_var. name="output">
                        <div id ="attachments">
                        <n.var name='attachments' />
                        </div>
                        <br/>
                        <n.regex_replace_all text ="[n.var name='output'/]" pattern="[n.attachments_regex/]" replacement ='' />
                    </n.set_var.>    
                                       
                    
                </then>                    
            </n.if.is_imported_mail>
            <n.var name="output" />
        </else>
    </n.if.either>
</override_macro>