Javascript 尝试基于URL参数将jpg加载到页面上

我有一个站点页面Wiki页面，该页面根据打开页面时发送的URL参数重新使用。URL参数用于过滤页面上各种文档库和自定义列表的内容

此外，我还想添加一些代码，这些代码将采用这个URL参数并在自定义列表中查找一个项目，以获得一个JPG图像并替换页面上当前的图像。或者将其插入页面的左上部分

---

你知道我怎样才能做到这一点吗？提前感谢。

由于该网站现在通过将家庭作业问题评为负面来惩罚学习的学生/用户，因此我将超越专家用户，发布此家庭作业的答案。我花了很多时间，因为这不是我的专长

我使用以下代码创建了脚本编辑器web部件：

<script type="text/javascript" src="../SiteAssets/js-enterprise/DisplayVirtualPicture.CEWP.js"></script>
<script type="text/javascript">
        SP.SOD.executeFunc('sp.js', 'SP.ClientContext', LoadAll);
        function LoadAll()
        {getPicture();}
</script>
<img style="max-width:600px" title="undefined" src="https:xxxxxxx/SiteAssets/images/Blank.jpg">

脚本DisplayVirtualPicture.CEWP.js是：

---

这可能不是实现这一目标的最有效方式，但如果没有与本网站的专家用户的合作，这是我所能做的最好的方式。

你尝试了什么不起作用？我猜没什么，你只是想让别人替你想想？有很多方法可以做到这一点，它们几乎是数不清的。你根本没有给我们任何工作机会。与服务器技术无关。我真的被sharepoint-2013标签弄糊涂了。这跟它有什么关系？我不知道你认为这与javascript有什么关系。Wiki页面是SharePoint 2013中的一种页面类型。所以这个标签非常适用。如果阅读说明，说明中会有库和自定义列表。我不知道怎么做。我不是这方面的专家。我可以做一些JavaScript和jquery，我可以从自定义列表中获取数据，但我不知道该怎么做。为什么要问如何做一些值得得到负面评价的事情呢？为什么要问如何做一些值得得到负面评价的事情呢。因为这是一个关于特定编程问题的网站，希望这些问题可以用代码演示。读这个：还有这个。你想知道的并不是坏事。只是你问的和你问的方式不适合这个网站。帖子越有用，就越能为广大用户所用。如果我在汽车网站上问：我的车发动不了。发生了什么？这就是我说的，他们怎么能帮助我？现在重读你的帖子。如果你读了你的推荐信，我要求的就可以了。你所做的是坏事。在这里，我将重复确切的措辞，下面概述的指导方针植根于两个原则：询问家庭作业是可以的。首先，即使我们想阻止，也不可能阻止这一切。堆栈溢出的存在是为了帮助程序员学习并为简单和复杂的编程问题提供标准存储库，这包括帮助学生。

var currentID = GetUrlKeyValue('Name');
//console.log(currentID);

function getPicture() {
    var mytable = "";
    var clientContext = new SP.ClientContext.get_current();
    var oList = clientContext.get_web().get_lists().getByTitle('VirtualPageLibrary');
    var camlQuery = new SP.CamlQuery();
    camlQuery.set_viewXml('<View><Query><Where><Eq><FieldRef Name=\'Title\'/><Value Type=\'Text\'>'+ currentID +'</Value></Eq></Where></Query></View>'); 

    var collListItem = oList.getItems(camlQuery);
    //clientContext.load(collListItem, 'Include(VirtualPicture, Title, Id)');
    clientContext.load(collListItem);
    clientContext.executeQueryAsync(function () {
       var swListItms = collListItem.getEnumerator();
       while (swListItms.moveNext())
       {
           var swItm = swListItms.get_current();
           var mytable = swItm.get_item('VirtualPicture').get_url(); 
           //console.log("img="+mytable);
           $("img[title='undefined']").attr("src",mytable);
       }
       clientContext.executeQueryAsync(onQuerySucceededp,onQueryFailedp);
    },
    function (sender, args) 
    {
        console.log('Request failed. ' + args.get_message() +
            '\n' + args.get_stackTrace());
    });
}

function onQuerySucceededp(sender, args) {
    //console.log("success-1");
}
function onQueryFailedp(sender, args) {
    alert('Error: ' + args.get_message() + '\n' + args.get_stackTrace());
}