Question

除了图像源之外，我需要生成一个循环的静态HTML href代码。图像存储在一个文件夹中。 javascript是否有办法生成整个目录并将文件名放入src="/pictures/%filename%.jpg"中？照片很多，我不想手工链接每张照片。这将花费大量时间。谢谢！

Answer 1

JavaScript无法访问服务器文件。您可以使用PHP scandir()获取指定目录中所有文件的数组。然后做

foreach ($arr as $file){
    echo "<img src='/path/to/file/" . $file . "'>";
}

Answer 2

因此，我已将此php文件上传到服务器上：

<v-data-table
  :headers="bldgHeaders"
  :items="selectedBldgs"
  :pagination.sync="paginationSelected"
  class="elevation-1"
>
  <template slot="items" slot-scope="props">
    <tr>
      <td>{{ props.item.buildingNumber }}</td>
      <td>{{ props.item.description }}</td>
      <td>
        <v-edit-dialog
          :return-value.sync="props.item.squareFootage"
          lazy
          large
        > {{ props.item.squareFootage }}
          <v-text-field
            slot="input"
            v-model="props.item.squareFootage"
            label="Edit"
            single-line
          ></v-text-field>
        </v-edit-dialog>
      </td>
    </tr>
  </template>

然后，我在浏览器中查看了源代码，并将代码复制到了最初的HTML文件中。像魅力一样工作。谢谢！

如何使用目录文件生成HTML href代码

2 个答案: