創建一個HTML/PHP頁面，其中非開發人員可以稍後更改圖像

我想創建一個充滿圖像的HTML/PHP頁面。但是這些圖像應該可以在以後由非開發人員改變。所以基本上我會做點像this fiddle。我想知道一種讓非開發人員稍後更改這些圖像的方法。代碼，我是如下創建一個HTML/PHP頁面，其中非開發人員可以稍後更改圖像

<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; 

    }

來源

2016-03-19 Yohan Blake

我覺得你的問題是堆棧溢出的範圍之內。這個話題太廣泛了。 – Iwnnay

@Iwnnay，試圖解釋像胡言亂語已經回答或不投票。這是一個web開發人員。問題如何與stackoverflow不相關？ –

我相信這個問題符合[準則]（http://stackoverflow.com/help/on-topic）的第4項。如果你仔細觀察，Gibberish不能回答你的問題，只告訴你你的下一步是找出答案。告訴你去尋找某些東西並不是某人應該被限制的答案。儘管如此，我確實給了他嘗試回答的榮譽。 – Iwnnay

有幾個在線的例子基於PHP的圖片上傳畫廊教程。

基本上，你想要做的是：

（1）初始頁面渲染：在文件夾中使用PHP來遍歷所有圖像和HTML建立他們撲通到HTML結構。（2）jQuery/js：當用戶點擊ADD按鈕時，文件上傳系統接受文件並將其移動到Web服務器上的所需文件夾中。我建議使用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文件基於圖片廊」

來源

2016-03-19 01:28:14 gibberish

非常感謝 –

創建一個HTML/PHP頁面，其中非開發人員可以稍後更改圖像

回答

相關問題