Javascript 从localstorage获取所选选项并重新启动脚本

我有两个很难解释的问题让我试试。我有一个网站的代码，它有背景图像，它前面的一些图像可以移动，这个图像可以从选项中更改（左下角），我可以将它保存到localstorage并将其返回到标记，但图像显示脚本不理解它应该显示所选的新选项，我使用了

我的第二个问题是这个图像可以随移动，我想将它的位置保存到localstorage，并在用户离开的地方重新加载它时将其取回

我的代码在这里，你可以看到它有很多垃圾代码除了我的问题，我试图清理它，我希望它足够清楚。图像移动也已经在我的代码中

index.html

<img id="uc" class="corn" src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fblog.udemy.com%2Fwp-content%2Fuploads%2F2014%2F05%2Fbigstock-test-icon-63758263.jpg&f=1&nofb=1" draggable="false">


<p>Choose image:</p>
            <div id="skin">                    
                <select class="mod" id="un" onchange="Swap(this,'uc');">
                    <option value="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fblog.udemy.com%2Fwp-content%2Fuploads%2F2014%2F05%2Fbigstock-test-icon-63758263.jpg&f=1&nofb=1" selected="selected">Default</option>
                    <option value="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.vimeocdn.com%2Fportrait%2F58832_300x300.jpg&f=1&nofb=1">2</option>
                    <option value="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcdn.pixabay.com%2Fphoto%2F2014%2F06%2F03%2F19%2F38%2Froad-sign-361514_640.png&f=1&nofb=1">3</option>
                </select>   
                

move.js（我们用鼠标移动图像的代码。我希望保存此代码，并在再次加载时将其保存到原来的位置）

---

也许您可以添加一些代码片段来解释您实际想要实现的目标

$(function() {
$('#un').change(function() {
    localStorage.setItem('secenek', this.value);
});
if(localStorage.getItem('secenek')){
    $('#un').val(localStorage.getItem('secenek'));
}

$("#uc").mousedown(function() {
$(this).data("dragging", true);
});

$("#uc").mouseup(function() {
    $(this).data("dragging", false);
});

$("#uc").mousemove(function(e) {
    if (!$(this).data("dragging"))
        return;
    $(this).css("left", e.clientX - $(this).width()/2);
    $(this).css("top", e.clientY - $(this).height()/2);
});