Changeset 38949 for trunk/src/wp-includes/media-template.php

Timestamp:

10/26/2016 07:27:51 AM (8 years ago)

Author:

mikeschroder

Message:

Media: Add support for rendering PDF thumbnails.

When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.

Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.

Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any WP_Image_Editor that supports PDFs.

Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.

File:

• trunk/src/wp-includes/media-template.php (modified) (2 diffs)

trunk/src/wp-includes/media-template.php

@@ -291 +291 @@
                 <# if ( data.uploading ) { #>
                     <div class="media-progress-bar"><div></div></div>
-                <# } else if ( 'image' === data.type && data.sizes && data.sizes.large ) { #>
+                <# } else if ( data.sizes && data.sizes.large ) { #>
                     <img class="details-image" src="{{ data.sizes.large.url }}" draggable="false" alt="" />
-                <# } else if ( 'image' === data.type && data.sizes && data.sizes.full ) { #>
+                <# } else if ( data.sizes && data.sizes.full ) { #>
                     <img class="details-image" src="{{ data.sizes.full.url }}" draggable="false" alt="" />
                 <# } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #>
@@ -455 +455 @@
                         <# if ( data.image && data.image.src && data.image.src !== data.icon ) { #>
                             <img src="{{ data.image.src }}" class="thumbnail" draggable="false" alt="" />
+                        <# } else if ( data.sizes && data.sizes.medium ) { #>
+                            <img src="{{ data.sizes.medium.url }}" class="thumbnail" draggable="false" alt="" />
                         <# } else { #>
                             <img src="{{ data.icon }}" class="icon" draggable="false" alt="" />