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. ‘Add Media’ to post – filter images
  34. How do I redirect to another webpage?
  35. How do I check whether a checkbox is checked in jQuery?
  36. Uncaught SyntaxError: Invalid or unexpected token
  37. My javascript is returning this error: $.ajax is not a function
  38. Unable to preventDefault inside passive event listener
  39. jQuery $.cookie is not a function
  40. Setting background-image using jQuery CSS property
  41. Scroll Automatically to the Bottom of the Page
  42. How do I check if string contains substring?
  43. How can I select an element by name with jQuery?
  44. JQuery issue “TypeError: $.getJSON is not a function”
  45. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  46. How do I select text nodes with jQuery?
  47. JQuery get the title of a button
  48. Trying to load jquery into tampermonkey script
  49. Preloading images with jQuery
  50. Simulate a click on ‘a’ element using javascript/jquery
  51. How can I remove a style added with .css() function?
  52. Get Image Description
  53. Automatically replace original uploaded image with large image size
  54. How to scale up featured post thumbnail?
  55. Custom image size / thumbnail – Crop to aspect ratio even when source image is smaller than set dimensions
  56. wp_get_attachment_image_src and server path
  57. Change WordPress image URLs via filter
  58. How to resize images in wordpress without adding any compression or changing the color profile of the images, possible?
  59. Automatically decrease font size for long words
  60. hook into completed image upload filter
  61. Dynamically update post title in admin page
  62. Why is wp_get_attachment_image not including “full” size in srcset?
  63. Get img alt tag from a Image that has been uploaded through the Customizer
  64. Get Attachment ID from URL [duplicate]
  65. How to add a “data-” attribute to the image tag of native gallery output
  66. How to set twenty fourteen header image at 100% width?
  67. Can’t Display Featured Image in RSS Feed
  68. Filter to modify post_title after image upload?
  69. Automatically Add Caption in image
  70. Import Images from one self-hosted WordPress install to another
  71. How to Optimize images after uploading all images to WordPress Site?
  72. How to get relative URL of medium sized featured image?
  73. How do i reference the theme path in pages for images?
  74. Using srcsets to load different images based on browser widths
  75. Multiple entries for one object with different cover images
  76. How to exclude an image size from the WordPress srcset
  77. Access/update database with jQuery
  78. WordPress Jquery Fade in, Fade out effect
  79. Gutenberg editor get post featured image by id
  80. Local WordPress installation doesn’t crop images
  81. Ajax return code 400
  82. Add custom setting that uses radio button to WP Gallery
  83. Get full URL of images in media library including http://
  84. Host images only on CDN
  85. Generating different dimension images while uploading image file from custom plugin page
  86. No data received
  87. How to intigrate multiple image uploader in a custom post type
  88. Stripping the_content() from images then displaying them seperately
  89. Image upload appearing as broken images following server move
  90. Regex expression for redirecting image URLs to another folder
  91. CodeMirror on Custom Widget Textarea
  92. Sending click events to Google Analytics in WordPress: the easy way
  93. How to search using ajax for exact phrase or words in an input field?
  94. Background image resets after time (XAMPP)
  95. renaming an image automatically everywhere else (posts and pages)
  96. How to: JQuery multiple wordpress media uploader buttons in the same options page?
  97. Custom thumbnail size of image when uploaded
  98. Access Customizer widget instance form
  99. Change wp-content/uploads to uploads/%postname%/%image%
  100. Add suffix to uploaded images