How to use 'how to add multiple images in html' in JavaScript

Every line of 'how to add multiple images in html' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
this disclaimer
89function addContentImages(data, images) {
90 let regex = (/<img[^>]*src="(.+?\.(?:gif|jpg|png))"[^>]*>/gi);
91 let match;
92
93 getItemsOfType(data, 'post').forEach(post => {
94 let postId = post.post_id[0];
95 let postContent = post.encoded[0];
96 let postLink = post.link[0];
97
98 // reset lastIndex since we're reusing the same regex object
99 regex.lastIndex = 0;
100 while ((match = regex.exec(postContent)) !== null) {
101 // base the matched image URL relative to the post URL
102 let url = new URL(match[1], postLink).href;
103
104 // add image if it hasn't already been added for this post
105 let exists = images.some(image => image.postId === postId && image.url === url);
106 if (!exists) {
107 images.push({
108 id: -1,
109 postId: postId,
110 url: url
111 });
112 console.log('Scraped ' + url + '.');
113 }
114 }
115 });
116}
Important

Use secure code every time

Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code

73function getImgHtml(imgs) {
74 var html = '';
75 (imgs || '').split(',').forEach(function (item, index) {
76 if (item == '')
77 return;
78 var br = '';
79 if (index != 0)
80 br = '<br />';
81 html += '{0}<a href="javascript:;" onclick="showBigImg(\'{1}\')"><img src="{1}" style="width:100px;height:100px" /></a>'.format(br, item);
82 });
83
84 return html;
85}

Related snippets