javascript - 如何让函数接受多种文件类型？

Question

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

• 图片/幻灯片/

  • randomImage-0.jpg
  • 随机图像-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>

标签： javascriptjqueryfile-typefile-type-associations

Answer 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"
  });
});