WordPress Javascript displaying an image Question

You need to call wp_enqueue_media() else the wp object won’t have a media option.

For example, go to WP Admin and pull up the JS console and type wp.media on the dashboard, it won’t work. Try again on the media page, and this time it will work.

https://codex.wordpress.org/Javascript_Reference/wp.media

To be able to use the JavaScript-API, you first have to init all the needed JavaScript-Libraries and Styles:

wp_enqueue_media();

Related Posts:

  1. show hide image script after 4 seconds [closed]
  2. Set default image link target in Gutenberg image block
  3. Graphing libraries for WordPress [closed]
  4. 3.5 media.editor: what is the event listener for choosing an image?
  5. JavaScript and images files are not recognized
  6. Update an image block style programatically
  7. Howto use WP built in Thickbox for images?
  8. Image modification
  9. Landing Page with HTML CSS JS and Images on wordpress
  10. Built-in image lazy loading: Does it come with a polyfill for older browsers?
  11. Images names not inserting in WordPress Database from Dynamic Add / Remove fields
  12. js alert in add_filter function for image_send_to_editor
  13. Display images from JS?
  14. 3.5.x Theme Customize: Handling Custom Control Requests
  15. Script not working in WordPress [duplicate]
  16. get attachment title based on attachment id
  17. Get Image Description
  18. Media Upload Folder – how to manage
  19. Wrong image dimensions in Insert Media after add_image_size()
  20. PHP Fatal error: Call to undefined function download_url()
  21. How can I hide media library images from general users?
  22. Strange img srcset behaviour
  23. Images uploading to wrong folder
  24. set_post_thumbnail_size not cropping featured images, but reducing proportionally
  25. Get URLs for All Sizes of Image via Admin Panel
  26. Rename image during upload using date and time stamp?
  27. Get author ID with attachment ID
  28. Show Post Excerpt in Image Attachement
  29. WP 3.4 has missing photo data
  30. What’s the best “insert all images” plugin?
  31. Image Quality Thumbnail Compression in WordPress?
  32. Gutenberg editor get post featured image by id
  33. How to add image id class?
  34. Local WordPress installation doesn’t crop images
  35. wp_get_attachment_url with specific image_size?
  36. Get meta data from image
  37. Shortcode for a link and thumbnail
  38. Bulk edit Gutenberg single images to change from linking to media file to attachment page
  39. Fuzzy Images in WordPress 4.4
  40. In Wordress one author can not see the other’s author uploaded images through media library
  41. How to add missing dimensions to all images to avoid cls?
  42. Prevent Image Pasting in RichText Component
  43. Why are images created by WP larger than the original uploaded image?
  44. Default Image Link Type Setting not Working
  45. Fallback for missing srcset images
  46. max_srcset_image_width doesn’t work as intended
  47. Background image resets after time (XAMPP)
  48. Replace image caption with its title and description
  49. Custom thumbnail size of image when uploaded
  50. Removing featured image from gallery?
  51. Is it a good practice to change media settings on theme activation?
  52. Insert File URL Links to Existing Images that Were Not Originally Linked to Themselves
  53. Filter for post_thumbnail: link to small src and add data-attribute [duplicate]
  54. How to fix a missing image
  55. Function to remove all classes on images inserted into posts?
  56. How to get the real file type for images that do not have an extension
  57. How do I include javascript/jquery image resizing with wordpress?
  58. Images don’t update after being edited
  59. Display post image in a size defined by add_image_size()
  60. IMG size is set to width=”964px” or “100%”, but is shown as “634px” in browser
  61. big trouble with javascript
  62. Prevent WP from wrapping html in caption shortcode after ‘image_send_editor’ filter is applied
  63. wordpress 4.22 does not generate thumbnail images
  64. How to implement CSS-defined images from bootstrap site in wordpress theme
  65. What is the best way to associate multiple images to one page?
  66. Fetch the latest post with attachment image
  67. Fetching uploaded images using Link URL
  68. get rid of random string before an for an image path on wordpress
  69. Using srcsets in a custom block
  70. Plugin to select the custom image crop area
  71. Glitched page redirects to image
  72. Product Gallery Images to go into full size on Product Page
  73. How to Display Image Caption but Not Alt Text
  74. How to change background image
  75. I want to create a hero image with text and a button on my front page. How can I do this?
  76. Why image Thumbnail url is not displaying with custom size?
  77. get_image_tag & wp_get_attachment_image_attributes behaving strangely
  78. add_image_size limiting sizes (???)
  79. How to display posts with images in fullscreen slider
  80. 403 Forbidden when accessing image in wordpress
  81. Why doesn’t WordPress make thumbnails for videos?
  82. For what does WP generate Thumbnails?
  83. Images are not shown
  84. Thumbnail gallery by date and taxonomy
  85. Adding multiple images on my site – without using plugins [closed]
  86. Remove the height limit on wordpress 3.4.2
  87. > added to images link in WordPress
  88. Image media upload problem in page editing modus?
  89. Thumbs and pictures not showing anymore
  90. Is there a good way to use CMS images with CSS
  91. Upload image from other server without resize?
  92. How to access & display images from a post without textual content ( and vice versa) according to best wordpress practices
  93. Forcing absolute src links in the RSS feed
  94. where is images/image.jpg?
  95. Using the on-board image editor for featured images: edits are not being used
  96. change with CSS the color of an svg background image set with “background-image: url()”
  97. What type to upload image within theme options?
  98. WordPress Missing Images
  99. Display first image’s caption
  100. The uploaded images are only full-size (original)