javascript - 获取选定的 img src 并在文本字段中显示时出现问题

Question

任何人都可以帮我解决 javascript 和选择方面的问题吗？首先，我想做的是，当我从图像列表中选择图像时，我想要获取图像 src 并将其存储到我可以使用其他的 var 现在的问题是，当我选择图像时，我得到以下 src Portraits/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\" />

有人可以帮忙吗？

Answer 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>