在选择IMG SRC并在文本字段中显示时出现问题


having a issue getting selected img src and displaying in text field

任何人都可以帮助我解决javascript和选择时遇到的问题吗?,首先我要做的是当我从图像列表中选择图像时,我想获取图像src并将其存储到我可以使用的var中,否则现在当我选择图像时遇到的问题,我得到以下src肖像/00000/00008.jpg现在我需要删除来自 SRC 的肖像和/和.jpg,所以我只是获取了文件夹 ID 和图像 ID 并将它们实时添加到字段文本框中,而无需刷新页面。

<script type="text/javascript">
    $(document).ready(function() {
      $('.portrait').click(function(){
        var idimg = $(this).attr('id');
        var srcimg = $(this).attr('src');
        alert(srcimg); // shows debug
      });
    });
    </script>
<input name="sel-avatar" type="textfield" id="avatar" value="IMAGEID" />
<input name="sel-avatardir" type="textfield" id="avatardir" value="FOLDERID"

图像显示是

<img id='"portrait'" class='"portrait'" src='"{$files[$pos]}'" width='"88'" height='"88'" border='"1'" />

谁能帮忙?

可能是你要找的?

<script type="text/javascript">
    $(document).ready(function() {
      $('.portrait').click(function(){
        var idimg = $(this).attr('id');
        var srcimg = $(this).attr('src');
        var splitSrc = srcimg.split("/");
        var folder = splitSrc[1];
        var splitFile = splitSrc[2].split(".");
        var fileId = splitFile[0];
        document.getElementById("avatar").value=fileId;
        document.getElementById("avatardir").value=folder;
      });
    });
</script>

如果您确定会获得相同的格式,即文件夹ID,然后是图像ID,图像名称,则可以使用split函数来获取javascript数组并从数组中获取详细信息。

<script type="text/javascript">
"portraits/00000/00008.jpg".split(/['/]+/)
</script>

阵列 [ "肖像", "00000", "00008.jpg" ]

试试这个:

var ary = srcimg.split(/'/|'./g);
var folder = ary[1];
var file = ary[2];

这里的假设是,您将有一个文件夹,并且文件夹或文件名中没有任何句点,除了在文件扩展名之前。如果有多个文件夹,我们必须稍微更改分配,但 split 语句是相同的。