我如何使用PHP让用户在我的网站的图库中创建图像？

Question

我很确定php是我需要在这里使用的。非常新的，所以我感谢所提供的任何方向或答案/资源。

我有以下步骤1和2使用html / css / js

第1步用户将在输入框中粘贴网址，然后点击提交。这会在输入上方创建一个div，其img src等于用户输入值。

第2步用户将在输入框中粘贴网址，然后点击提交。这会在输入上方创建一个div，其img src等于不同的用户输入值。

第3步用户点击“提交到图库”按钮，我认为会使用php将步骤1和2 img src提交到容器div中的两个单独的div中。然后，该容器将被发送到图库，并且可以通过URL地址直接链接。

下面是我正在使用的html和js。

---

这是一个占位符gif，直到用户使用加载按钮替换

<div id="gif-btn">
    <img class="img-responsive" src="http://i.imgur.com/TtYVO.gif">
</div>

用户输入gif网址

<input type="url" class="form-control" placeholder="Gif link here..." id="txt"/>

然后点击加载按钮

<a class="btn btn-danger" id="gif-btn" onclick="getGif();">Load</a>

这是js

function getGif(){

    var url=document.getElementById('txt').value;
    var div=document.createElement('div');
    var img=document.createElement('img');

    img.className="img-responsive";

    img.src=url;

    div.appendChild(img);

    document.getElementById('gif-btn').innerHTML = ""; // <-- Clears the gif-btn div
    document.getElementById('gif-btn').appendChild(div);

    return false;
}