.Net 6.0 js URL图像预览

cxfofazt  于 2022-12-30  发布在  .NET
关注(0)|答案(1)|浏览(132)

你好,我有一个js脚本在. net MVC的问题,我已经创建了添加URL图像选项的"创建"视图,这是我提供的脚本。,但它不工作,因此它是在类似的项目中,我在. net 5.0有人能帮助我吗?

<div class="form-group text-center">
                    <img id="ProfilePicturePreview" />
                </div>
@section Scripts{ 
    <script>
       $("#ProfilePictureURL").on("change", function () {
           var output = document.getElementById('ProfilePicturePreview');
           output.src = $(this).val();
       })
    </script>
}

我尝试重命名js方法,但问题仍然存在

yeotifhr

yeotifhr1#

我添加了如下的ProfilePictureURL,希望它能有所帮助。

<div class="form-group text-center">
    <img id="ProfilePicturePreview" />
</div>
<input type="text" id="ProfilePictureURL">
@section Scripts{
    <script>
        $("#ProfilePictureURL").on("change", function () {            
            var output = document.getElementById('ProfilePicturePreview');
            output.src = $(this).val();
        })
    </script>
}

I文本URL:https://i.stack.imgur.com/baGN2.jpg
结果:

相关问题