Как добавить изображение в DOM из списка с помощью EncodedAbsUrl

Question

У меня 2 списка с 5 столбцами; у каждого есть Название, Вопрос, Адвокаты, ID и AttorneyPi c. Этот последний просматривает список изображений. Для этого я создал веб-часть, поэтому фактическая веб-часть выглядит следующим образом.

<script type="text/javascript">

 apiUrl = "/Legal/Attorneys/_api/web/lists/GetByTitle('attorneysBio')/items$select=*,EncodedAbsUrl,attorneysPic/Title&$expand=attorneysPic/Id";
    topicsTitle = '';
    title = 'TITLE HERE';

</script>

Код javascript выглядит следующим образом:

var buildCards = function () {
                    if (filterTopic.length !== 0) {
                        for (i = 0; i < filterTopic.length; i++) {
                            var accID2 = accID.replace(/\s/g, '');
                            var faqItems = filterTopic[i]
                            var headerID = "heading" + faqItems.ID
                            var cardBodyID = "collapse" + faqItems.ID
                            var cardTitle = faqItems.Title
                            var cardBody = faqItems.Question
                            var attorneyPics = faqItems.attorneysPic.EncodedAbsUrl
                            console.log(attorneyPics)

                            var cardBuild = '<div class="card">' +
                                '<div class="card-header pb-1 pl-0" role="tab" id="' + headerID + '">' +
                                '<a class="collapsed" data-toggle="collapse" data-parent="#' + accID2 + '" href="#' + cardBodyID + '" aria-expanded="false" aria-controls="' + cardBodyID + '">' +
                                '<h5 class="mb-0 font-thin">' + cardTitle + '<span class="rotate"></span></h5>' +
                                '</a>' +
                                '</div>' +
                                '<div id="' + cardBodyID + '" class="collapse" role="tabpanel" aria-labelledby="' + headerID + '" data-parent="#' + accID + '">' +
                                '<div class="row"><div class="col-md-3"><img src="'+attorneyPics+'" class="img-responsive"></div>' +
                                '<div class="col-md-9"><div class="card-body py-1 pl-0"><p>' + cardBody + '</p></div></div></div>' +
                                '</div>' +
                                '</div>'
                            $(".accordion").append(cardBuild);
                        };
                    } else {
                        var cardBuild = '<h4>There are no results matching your search.</div>'
                        $(".accordion").append(cardBuild);
                    }

То, что происходит, заключается в следующем: один из фактического списка, а не из элементов списка "https://browardauthor/Legal/Attorneys/Lists/attorneysBio/1_.000"