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

有谁能帮我解决我在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"

$（文档）.ready（函数（）{
$（'.patrait'）。单击（函数（）{
var idimg=$（this.attr（'id'）；
var srcimg=$（this.attr（'src'）；
警报（srcimg）；//显示调试
});
});
这可能是你要找的吗

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


$（文档）.ready（函数（）{
$（'.patrait'）。单击（函数（）{
var idimg=$（this.attr（'id'）；
var srcimg=$（this.attr（'src'）；
var splitSrc=srcimg.split（“/”）；
var folder=splitSrc[1]；
var splitFile=splitSrc[2]。拆分（“.”）；
var fileId=splitFile[0]；
document.getElementById（“化身”）.value=fileId；
document.getElementById（“avatardir”）.value=文件夹；
});
});
这可能是您要找的吗

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


$（文档）.ready（函数（）{
$（'.patrait'）。单击（函数（）{
var idimg=$（this.attr（'id'）；
var srcimg=$（this.attr（'src'）；
var splitSrc=srcimg.split（“/”）；
var folder=splitSrc[1]；
var splitFile=splitSrc[2]。拆分（“.”）；
var fileId=splitFile[0]；
document.getElementById（“化身”）.value=fileId；
document.getElementById（“avatardir”）.value=文件夹；
});
});
如果您确定将获得相同的格式，即文件夹ID、图像ID、图像名称，则可以使用拆分函数获取javascript数组并从数组中获取详细信息

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


“肖像/00000/00008.jpg”。拆分（/[\/]+/）

数组[“肖像”、“00000”、“00008.jpg”]
如果您确定将获得相同的格式，即文件夹ID、图像ID、图像名称，则可以使用拆分函数获取javascript数组并从数组中获取详细信息

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


“肖像/00000/00008.jpg”。拆分（/[\/]+/）

数组[“肖像”，“00000”，“00008.jpg”]
试试这个：

var ary = srcimg.split(/\/|\./g);

var folder = ary[1];

var file = ary[2];

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

var ary = srcimg.split(/\/|\./g);

var folder = ary[1];

var file = ary[2];

这里的假设是，您将有一个文件夹，并且文件夹或文件名中没有任何句点，除了文件扩展名之前。
如果有多个文件夹，我们必须稍微更改分配，但split语句是相同的。
有许多文件夹id和图像超过500个，我尝试了patricia it seams的代码，但没有完全工作，它只会显示文件夹id而不是图像id，调试src时会显示肖像，folderid，imageid.jpg但不显示图像有许多文件夹id和超过500个的图像，我尝试了patricia it seams提供的代码，但没有完全运行它将只显示文件夹id而不是图像id，在调试src时，它会显示肖像，folderid，imageid.jpg，但不显示图像