在 ASP.NET Core 中上传图像后更改 Image 元素的 src 属性

Question

我使用 ASP.NET Core 的上传工具上传人物图片，我在上传图片工具旁边放了一个 HTML Image 元素来显示上传后的图片。

我为上传工具调用.Success 事件并使用javascript 函数为带有上传图像路径的图像元素设置src 属性。但不幸的是它不起作用:(

这是图像元素

<img id="imgPerons" src="" width="200" height="250">

这是javascript函数：

function onSuccess(e) {
    var files = e.files[0];

    if (e.operation == "upload") {
        document.getElementById("imgPerson").src = "~/images/person_photos/image.jpeg";
    }
}

我觉得我的图片路径有问题，因为我使用了如下的在线图片，并且效果很好

function onSuccess(e) {
    var files = e.files[0];

    if (e.operation == "upload") {
        document.getElementById("imgPerson").src = "https://www.example.com/image.jpeg";
    }
}

图片的路径有什么问题？

我把上传的图片保存在wwwroot/images/person_photos

路径Views/Home/Index.cshtml中的Image元素和javascript函数

Answer 1

删除 ~ 登录 javascript 代码应该可以解决问题，因为它仅在 ASP.NET Core 侧处理

document.getElementById("imgPerson").src = "/images/person_photos/image.jpeg";