创建一个 HTML/PHP 页面，非开发人员可以在以后更改图像答案

【问题标题】：Create an HTML/PHP page where non developers can change images later创建一个 HTML/PHP 页面，非开发人员可以在以后更改图像
【发布时间】：2016-03-19 09:28:14
【问题描述】：

我想创建一个包含图像的 HTML/PHP 页面。但是这些图像以后应该可以由非开发人员更改。所以基本上我会在this fiddle 中做类似的事情。我想知道非开发人员以后更改这些图像的方法。我的代码如下

<div class="container-fluid">    
<div class="row my-row">                   
    <div class="col-xs-3 col-sm-3 col-md-3 my-col">
      <img src="http://placehold.it/300x400" class="img-responsive" alt=""/>
      <img src="http://placehold.it/300x400" class="img-responsive" alt=""/>
    </div>                       
    <div class="col-xs-6 col-sm-6 col-md-6 my-col">
      <img src="http://placehold.it/600x803" class="img-responsive" alt=""/>
    </div>   
    <div class="col-xs-3 col-sm-3 col-md-3 my-col">
      <img src="http://placehold.it/200x210" class="img-responsive" alt=""/>
      <img src="http://placehold.it/200x323" class="img-responsive" alt=""/>
    </div>              
</div>

CSS：

img {
  margin: 3px;  
  width: 100%;  
}

  .my-row {
    display: table;
    overflow: hidden;
  }

  .my-col {
    display: table;
    overflow: hidden;
  }

  .col-sm-6 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .col-sm-3 {
    padding-left: 0px !important;
    padding-right: 0px !important;

  }

【问题讨论】：

我认为您的问题超出了堆栈溢出的范围。这个话题太宽泛了。
@Iwnnay，试着解释像胡言乱语已经回答或不要投反对票。这是一个网络开发者。问题那么如何与stackoverflow无关？
我相信这个问题适合guidelines的第4个问题。如果您仔细观察，Gibberish 无法回答您的问题，只能告诉您下一步要找出答案是什么。告诉你去寻找一些东西并不是某人应该被限制的答案。不过，我确实感谢他尝试回答这个问题。

标签： javascript php html css image

【解决方案1】：

网上有几个基于PHP的图片上传库教程的例子。

基本上，你想做的是：

(1) 初始页面渲染：使用 PHP 循环遍历文件夹中的所有图像并构建 HTML 以将它们放入 HTML 结构中。

(2) jQuery/js：当用户点击添加按钮时，文件上传系统接受文件并将其移动到网络服务器上所需的文件夹中。我推荐使用Ravi Kusuma's excellent Hayageek jQuery File Upload plugin。这很简单，而且有效。请注意，您可能希望修改他的upload.php（服务器端）以包括自动调整大小。

(3) AJAX：您可能希望使用 AJAX 来允许页面与后端 PHP 代码进行通信，而无需使用 <form>（其主要优点是不刷新/重新加载页面）。 See this post

一些可能的教程：

http://www.codingcage.com/2015/06/creating-image-gallery-from-folder-php.html

http://www.sitepoint.com/php-gallery-system-minutes/

在 YT 中搜索“基于 PHP 文件的图片库”

【讨论】：