如何让函数接受多种文件类型？答案

【问题标题】：How can I have a function accept multiple file types?如何让函数接受多种文件类型？
【发布时间】：2019-12-26 22:16:22
【问题描述】：

如何让函数接受多种文件类型，例如 .jpg、.png 和 .gif？预期文件结构示例：

图片/幻灯片/
- randomImage-0.jpg
- randomImage-1.png
- randomImage-2.gif

    var imageType = ".jpg";
    
    $.each($("#modal .slide"), function(index, value) {
      $(this).css({
        background:
          "url('img/slides/" +
          id +
          "-" +
          index +
          imageType +
          "') center center/cover",
        backgroundSize: "cover"
      });
    });

  <div id=gallery>
   <div class="card"></div>
     <div class="text">
       <div class="bold">Profile</div>
     </div>
  <div class="button" id="randomImage">LEARN MORE</div> // Open modal on click

  <div id="modal">
    <div id="carousel">
      <div class="slide"></div>
      <div class="slide"></div>
      <div class="slide"></div>
    </div>
  </div>

【问题讨论】：

一种方法是将data-image-type=".png" 放在您的.slide 元素上。然后你可以用data('imageType') 把它从幻灯片上拿下来
欢迎来到 Stack Overflow。请提供一个最小的、可重现的示例：stackoverflow.com/help/minimal-reproducible-example 另外id 是在哪里定义的？

标签： javascript jquery file-type file-type-associations

【解决方案1】：

你可以使用数组。

var imageTypes = [
  "jpg",
  "png",
  "gif"
];
var id = "profilePic";

$.each($("#modal .slide"), function(index, value) {
  $(this).css({
    background: "url('img/slides/" + id + "-" + index + "." + imageTypes[index] + "') center center/cover",
    backgroundSize: "cover"
  });
});

【讨论】：