Question

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

当我想上传图片时，我会对其进行硬编码。这是一个不错的解决方案，但现在我必须上传300张图像（对于想要查看图像的客户而言，它是我的摄影师）。

这需要几个小时来输入，所以有一种方法可以一次上传300张图像，它会自动生成以下代码（但是，.jpg文件名应该遵循自己的文件名，并且＆＃34; id＆＃34;和＆＃34; ng-show＆＃34;每次必须递增）。它必须遵循以下格式：

<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

如果您正在使用Angular，为什么不实现服务来获取图像列表并执行类似的操作;

<li  class="span4 gallery-item" ng-repeat="image in images track by $index" data-id="id-{{image.ID}}">
    <img class="fancybox" src="{{image.smallURL}}" data-big="{{image.bigURL}}" ng-click="showFacebook = image.ID;" />
    <div ng-show="showFacebook === 1" class="fb-like" data-href="{{image.bigURL}}" data-width="{{image.width}}" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div>
</li>

另一个选择是在PHP中执行此操作，这可能更好。

Answer 2

上传所有图像使用1）FTP或2）使用一些php文件管理器
使用php目录函数检索数组中的文件
循环播放数组并回显你的html
使用.jpg-filename中数组值的文件名，在每个循环中增加一个变量并用于“id”和“ng-show”

自动生成用于上传图像的html

2 个答案: