创建交互式化身选择
创建交互式化身选择
提问于 2017-09-05 06:34:51
类似于XBOX LIVE或PSN允许用户从他们的数据库中选择图像/头像，我如何使用Javascript/jQuery实现相同的结果，我使用PHP来实现此功能，但是，为了进一步了解，我想探索如何通过其他方式(js或jQuery)实现此功能，我的PHP代码如下：
<?php
$imageFile = "../img/avatars/";
$imageLoop = glob($imageFile. '*.*' , GLOB_BRACE);
foreach($imageLoop as $image){
echo "<label id='avatarLabel'><input type='radio' class='avatarInput' name='avatar' value='$image' >
<img src='$image' id='avatarImage'></label>";
}
?>
?>我的JQuery尝试显示文件夹中的图像：
$(document).ready(function(){
("body").load("imgs/");
)}回答 2
Stack Overflow用户
发布于 2017-09-05 06:49:00
使用php是无法做到这一点的。Php只能处理来自POST数据的文件，它将位于临时目录中。此时将不会有关于原始文件夹的数据。
也许有一些方法可以使用javascript来做这件事，但这会违反安全规定……
Stack Overflow用户
发布于 2017-09-05 10:53:06
试一试，如果我理解正确的话：
<?php
$dir = '../img/avatar/';
$loop = GLOB($dir. '*{.jpg,.png}', GLOB_BRACE); // look for only jpg and png
foreach ($loop as $image) {
$filename = basename($image); // only file name without path
echo '<input type="radio" name="avatar_register" value="' . $filename . '" required><img src="' . $image . '">';
}
?>$x的数值没有任何意义，我将其更改为$filename，这样您就可以使用$dir来定位图像了。$_POST‘’avatar_register‘；
由于您只是从文件夹中选择现有图像，因此不需要进行上传过程。你只需要知道用户选择了哪张图片。
我还删除了id="“，因为它在一个循环中。这意味着将生成多个具有相同值的ids。如果您试图从DOM中定位id，这可能会导致将来出现一些问题
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46044739
复制相关文章
相似问题
腾讯云开发者
