如何将图片上传到服务器并将其更改为代码？

Question

我对这个问题有些不满，但我真的需要你的帮助。

所以我创建了两个页面（实际上是三个，但在这个场景中第三个并不重要），它们（有点）相互链接。

首先，我有这个“控制面板”页面，应该是带有“预览”选项的图像上传，其次我有另一个页面，它完全显示那些已在控制中上传的图像 - 小组页面。

这是控制面板页面的简单方法（没有css和all）：

<div class="container">
	<div class="col-md-12"><div class="centext"><h1>Control-Panel</h1></div></div>
	<br>
	<div id="layer">	
		<div class="col-md-3">
			<div class="pic">
			<img src="https://placeholdit.imgix.net/~text?txtsize=23&txt=250%C3%97445&w=250&h=445" class="img-responsive pic">
			</div>
			<br>
				<form action="...">
				  <input type="file" name="pic" accept="image/*">
				  <br>
				  <input type="submit">
				  <br>
				</form>
		</div>
				<div class="col-md-3">
			<div class="kuvakke">
			<img src="https://placeholdit.imgix.net/~text?txtsize=23&txt=250%C3%97445&w=250&h=445" class="img-responsive pic">
			</div>
			<br>
				<form action="...">
				  <input type="file" name="pic" accept="image/*">
				  <br>
				  <input type="submit">
				</form>
		</div>
				<div class="col-md-3">
			<div class="pic">
			<img src="https://placeholdit.imgix.net/~text?txtsize=23&txt=250%C3%97445&w=250&h=445" class="img-responsive pic">
			</div>
			<br>
				<form action="...">
				  <input type="file" name="pic" accept="image/*">
				  <br>
				  <input type="submit">
				  <br>
				</form>
		</div>
				<div class="col-md-3">
			<div class="pic">
			<img src="https://placeholdit.imgix.net/~text?txtsize=23&txt=250%C3%97445&w=250&h=445" class="img-responsive pic">
			</div>
			<br>
		</div>
		</div>
</div>

这是支持我想说的话的图片：http://i.imgur.com/4ZrKGxk.jpg

我怎么可能这样做？