.NET 6.0 JavaScript URL图像预览

bnlyeluc  于 2023-01-01  发布在  Java
关注(0)|答案(1)|浏览(131)

我有一个问题,JavaScript脚本在. 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>
}

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

w8rqjzmb

w8rqjzmb1#

我添加了如下的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
结果:

相关问题