javascript - 自动生成html用于上传图片

Question

我有一个用html/css、php和js编码的网站(后两部分只是一些基本功能)。

当我想上传图像时，我会对其进行硬编码。这是一个不错的解决方案，但现在我必须上传 300 张左右的图像(这是为想要查看图像的客户 - 我是一名摄影师)。

这将需要几个小时来输入，所以有没有一种方法可以让我一次上传 300 张图像，它会自动生成以下代码(但是，.jpg 文件名应该遵循它自己的文件名，并且“id”和“ng-show"必须每次递增)。它必须遵循以下格式:

<li  class="span4 gallery-item" data-id="id-1">

             <img class="fancybox" src="img/photoshop2_small.jpg" data-big="img/photoshop2.jpg" ng-click="showFacebook = 1;" />

              <div ng-show="showFacebook === 1"
              class="fb-like"  data-href="img/photoshop2.jpg" data-width="300"

             data-layout="standard" data-action="like" data-show-faces="false" data-share="true" >
      </div>

</li>

我觉得这是不可能的，我找到的唯一解决方案是它自动生成一个简单的 html 代码，但这对我来说没有用。

我该怎么办？

Answer 1

1. 使用 1) FTP 上传所有图像或 2) 使用某些 PHP 文件管理器
2. 使用 php 目录函数检索数组中的文件
3. 循环数组并回显您的 html
4. 使用数组值中的文件名作为 .jpg 文件名，在每个循环中递增一个变量并用于“id”和“ng-show”