Display images from JS?

You don’t specify how precisely your JS is output. If you are doing this inline from PHP you could just echo required data in place.

If it’s just some arbitrary script, loaded as such, then the common practice in WP is to use wp_localize_script() to pass data from PHP runtime to an enqueued script.

While by initial purpose (and name) the function was meant for localization, it handles arbitrary data just fine.

Related Posts:

  1. show hide image script after 4 seconds [closed]
  2. Set default image link target in Gutenberg image block
  3. How to modify image editor dialog options on WordPress?
  4. Graphing libraries for WordPress [closed]
  5. 3.5 media.editor: what is the event listener for choosing an image?
  6. JavaScript and images files are not recognized
  7. Multiple images with Media Uploader on front-end
  8. Update an image block style programatically
  9. How can I use cached images in an AJAX response?
  10. Help to upload post attachments from Ajax
  11. Image LazyLoad plugin not loading jQuery dependancies with wp_enqueue_script in WP 3.3.1
  12. How to use Facebox in WordPress theme?
  13. Howto use WP built in Thickbox for images?
  14. How to get the image-URL from Media-Upload in a post?
  15. Using jQuery to automatically add class only to gif images in WordPress database [closed]
  16. How do I include javascript/jquery image resizing with wordpress?
  17. Fancybox just loading small white square
  18. Image modification
  19. Hide Title tag on image Hover
  20. Landing Page with HTML CSS JS and Images on wordpress
  21. Built-in image lazy loading: Does it come with a polyfill for older browsers?
  22. Access html element in media modal with jQuery
  23. Images names not inserting in WordPress Database from Dynamic Add / Remove fields
  24. js alert in add_filter function for image_send_to_editor
  25. WordPress Javascript displaying an image Question
  26. Issues Adding a jQuery Image Slider
  27. Select image and display from textfield?
  28. Thickbox not displaying just the image, instead showing full page in lightbox
  29. 3.5.x Theme Customize: Handling Custom Control Requests
  30. WordPress: Preload next post images
  31. Theme using masonry layout script rendering overlaped images in Google Chrome [closed]
  32. Script not working in WordPress [duplicate]
  33. Cannot read property ‘push’ of undefined when combining arrays
  34. JavaScript error (Uncaught SyntaxError: Unexpected end of input)
  35. JavaScript error (Uncaught SyntaxError: Unexpected end of input)
  36. Convert CSV data into JSON format using Javascript
  37. Defining a HTML template to append using JQuery
  38. jQuery select option elements by value
  39. get attachment title based on attachment id
  40. Media Upload Folder – how to manage
  41. Wrong image dimensions in Insert Media after add_image_size()
  42. PHP Fatal error: Call to undefined function download_url()
  43. Upload multiple images in a custom metabox
  44. How can I hide media library images from general users?
  45. WordPress loads whole jQuery UI library
  46. Rename image during upload using date and time stamp?
  47. Get author ID with attachment ID
  48. Show Post Excerpt in Image Attachement
  49. WP 3.4 has missing photo data
  50. How to add image id class?
  51. wp_get_attachment_url with specific image_size?
  52. Get meta data from image
  53. Shortcode for a link and thumbnail
  54. Bulk edit Gutenberg single images to change from linking to media file to attachment page
  55. Fuzzy Images in WordPress 4.4
  56. In Wordress one author can not see the other’s author uploaded images through media library
  57. How to add missing dimensions to all images to avoid cls?
  58. Prevent Image Pasting in RichText Component
  59. Add new image block, set default class name and update it using Javascript
  60. Why are images created by WP larger than the original uploaded image?
  61. Default Image Link Type Setting not Working
  62. Replace image caption with its title and description
  63. Removing featured image from gallery?
  64. videopress videos are not displayed when loading the content with ajax in a lightbox
  65. Is it a good practice to change media settings on theme activation?
  66. Function to remove all classes on images inserted into posts?
  67. How to get the real file type for images that do not have an extension
  68. Images don’t update after being edited
  69. Display post image in a size defined by add_image_size()
  70. How to change the text of the “You are about to permanently delete these items…” alert message when deleting media from the media library?
  71. Twenty Fifteen: Change navigation menu behavior
  72. JQuery needs to be defined in , but Gravity Forms is defining it in the
  73. IMG size is set to width=”964px” or “100%”, but is shown as “634px” in browser
  74. big trouble with javascript
  75. Using WP functions inside javascript
  76. Covert WordPress Blogname into JQuery
  77. get rid of random string before an for an image path on wordpress
  78. Using srcsets in a custom block
  79. Product Gallery Images to go into full size on Product Page
  80. How to Display Image Caption but Not Alt Text
  81. I want to create a hero image with text and a button on my front page. How can I do this?
  82. Why image Thumbnail url is not displaying with custom size?
  83. add_image_size limiting sizes (???)
  84. Automatically generate multiple image sizes for element
  85. Is it possible to remove spaces from existing images? [closed]
  86. Why doesn’t WordPress make thumbnails for videos?
  87. Thumbnail gallery by date and taxonomy
  88. Uncaught TypeError: undefined is not a function (shortcode-box)
  89. Adding multiple images on my site – without using plugins [closed]
  90. > added to images link in WordPress
  91. Image media upload problem in page editing modus?
  92. Thumbs and pictures not showing anymore
  93. Is there a good way to use CMS images with CSS
  94. Upload image from other server without resize?
  95. Images will not attach to posts after site migration
  96. How to access & display images from a post without textual content ( and vice versa) according to best wordpress practices
  97. Forcing absolute src links in the RSS feed
  98. how to embed a crop feature for cropping images uploaded by the user
  99. Uncaught Error: Call to undefined function file_is_valid_image()
  100. Remove one srcset entry from wp_get_attachment_image