问题

I'm trying to pass the imageSrcs array as its array elements with quotation marks. But it doesn't really work that way. How can I pass an array to a function as its elements in string forms?

The goal is something like this:

initializeSlider($(".slider-1"), ["data:xxxxxxxxxxxxx", "data:xxxxxxxxxxxxx", "data:xxxxxxxxxxxxx"]);

<% for (let i = 0; i < posts.length; i++) {
  let imageSrcs = [];

  for (let j = 0; j < posts[i].images.length; j++) {
      let imageSrc = '"' + `data:image/${posts[i].images[j].image.contentType};base64, ${posts[i].images[j].image.data.toString('base64')}` + '"';
      imageSrcs.push(imageSrc);
  } %>
  initializeSlider($(".slider-<%= i+1 %>"), [<%= imageSrcs %>]);

<% } %>

[![enter image description here][1]][1]

<details>
<summary>英文:</summary>

I&#39;m trying to pass the imageSrcs array as its array elements with quotation marks. But it doesn&#39;t really work that way. How can I pass an array to a function as its elements in string forms?

The goal is something like this:

`initializeSlider($(&quot;.slider-1&quot;), [&quot;data:xxxxxxxxxxxxx&quot;, &quot;data:xxxxxxxxxxxxx&quot;, &quot;data:xxxxxxxxxxxxx&quot;]);`

<% for (let i = 0; i < posts.length; i++) {
let imageSrcs = [];

for (let j = 0; j < posts[i].images.length; j++) {
let imageSrc = '"' + data:image/${posts[i].images[j].image.contentType};base64, ${posts[i].images[j].image.data.toString('base64')} + '"';
imageSrcs.push(imageSrc);
} %>
initializeSlider($(".slider-<%= i+1 %>"), <%= imageSrcs %>);

<% } %>

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/nfiEV.png

</details>


# 答案1
**得分**: 1

`&lt;%= imageSrcs %&gt;` 旨在将字符串插入到HTML中，而不是插入到嵌入在HTML中的JavaScript中的数组。

以安全的方式处理这个问题的方法是：

1. 将数据结构转换为JSON（即，将其变成一个字符串，而不是一个字符串的数组）。
2. 将其嵌入到一个data-*属性中（即，嵌入到HTML中，而不是嵌入在HTML中的JS）。
3. 在客户端上对其进行循环。

大致如下：

```javascript
&lt;%
const postUrls = posts.map(post =&gt; 
  post.images.map(image =&gt; 
    `data:image/${image.contentType}};base64,${image.data.toString('base64')}`;
  )
);
%&gt;
&lt;script data-postUrls=&quot;&lt;%= JSON.stringify(postUrls) %&gt;&quot;&gt;
    const postUrls = JSON.parse(document.currentScript.dataset.postUrls);
    postUrls.forEach((post, index) =&gt; {
      initializeSlider(`.slider-${index + 1}`, post);
    })
&lt;/script&gt;

请注意，我没有测试过这段代码。我没有时间生成posts的值或构建一个EJS测试环境。如果我有小错误，您可能需要对其进行微调。

<%
const postUrls = posts.map(post => 
  post.images.map(image => 
    `data:image/${image.contentType}};base64,${image.data.toString('base64')}`;
  )
);
%>
<script data-postUrls="<%= JSON.stringify(postUrls) %>">
    const postUrls = JSON.parse(document.currentScript.dataset.postUrls);
    postUrls.forEach((post, index) => {
      initializeSlider(`.slider-${index + 1}`, post);
    })
</script>

答案2

得分: -2

尝试在"<%= imageSrcs %>"周围添加引号，如下所示：

"<%= imageSrcs %>"

"<%= imageSrcs %>"