从我网站上可用的头像图像更改用户头像？答案

【问题标题】：Change user avatar from avatar images available on my site?从我网站上可用的头像图像更改用户头像？
【发布时间】：2013-09-24 09:38:22
【问题描述】：

请善待，我知道你们非常聪明，但并不是这个世界上的所有人都是，而且我想，你们中的一些人最初可能不是。

我没有上过大学，而且我是自学者，所以请善待我的问题并帮助我解决这个问题。

文件 1weall.php:

<?php
if(isset($_GET['route']) && $_GET['route'] === 'world') {
    include "world.php";
}

?>

文件 2world.php:

<form method="post" action="weall.php?route=world" >
 <input type="text" name="yourname" />
 <input type="text" name="avatar" />
 <input type="submit" value="submit" />
</form>

我的 web-root 的/image/avatar 目录中有某个头像。

我怎样才能弹出浏览器，让用户选择他们选择的任何头像图像并填写我的“头像，输入”字段。

【问题讨论】：

你要“弹出”，先定义一下！！您是要打开文件上传表单还是要弹出自定义javascript，第二，您要在字段中输入头像图像文件名吗？还是实际文件？看看你的问题，想象你自己处于我的位置，你会发现我不知道你真正在问什么，具体点？您尝试过的代码在哪里？我应该怎么猜........
存档你想要的最简单的方法是使用一个隐藏的 div，其中所有可选择的头像。您还可以使该 div 浮动，使其看起来像一个弹出窗口，然后您可以使用 JQuery 将图像选择到您的头像字段中。
没有文件上传。只弹出我的头像目录，然后用户选择该图像，然后繁荣！完成:)
@Prix 兄弟，我可能有 100 个头像图像，并将其添加到隐藏的 div 中，听起来很疯狂。我目前的偏好是弹出->选择->完成->提交。谢谢:)
@JohnyBravo 老兄你为什么要手动添加？ all you need is to use your PHP to iterate on the directory 并为您创建 div 和元素 duh... 隐藏的 div 听起来对我来说是最合理的，它会阻止您创建一个弹出窗口，默认情况下 70% 以上的互联网会阻止并允许用户预览每个图像而不加载所有图像。

标签： php html css image selection

【解决方案1】：

并不是几行代码就能完成你想要的。您可能想搜索一下图像选择器。到目前为止，我可以看到一个不错的图像选择器插件：http://rvera.github.io/image-picker/

【讨论】：

不，你误会了，兄弟，它不应该已经显示所有头像图像。当没有添加头像时，我有默认图像选项。所以，它就像弹出->选择->完成->提交。谢谢
我明白了。基本思想是您可以： 1. 从该目录中获取所有文件。 2. 使用任意弹窗js插件（fancybox、lightbox）在弹窗中显示图片。 3. 将点击事件绑定到这些图像，从中将触发填充输入字段。

【解决方案2】：

您可能需要使用 AJAX 、 JQuery

您需要有一个头像按钮（要选择/更改头像）
你需要一个 div 来显示头像 (这将是空的，直到用户点击上面的按钮 )
当用户点击头像按钮时，您将检索头像的部分列表（使用 AJAX ），并将显示在头像 div 中。您会如果用户喜欢浏览更多内容，需要提供显示更多头像的功能

然后对于实际选择头像 , 您可以使用简单的单选按钮样式，或者您可以使用基于 javascript 的华丽插件 , 等给你。 . .

如果您希望该 div 成为弹出样式，这些链接可能会有所帮助：

Show a div as a modal pop up

layer popup with jQuery

或者您可以完全使用弹出窗口。

在任何情况下，您都可能需要使用弹出窗口中选择的头像更新父窗口。

【讨论】：