Solo trato de entender lo que está pasando aquí. Obviamente, una peculiaridad de javascript, con la esperanza de que alguien pueda ayudar a explicar.

HTML:

 <input type="file" asp-for="TitleImageUrl" value="@_loc[Model.AddTitleImageButton]" onchange="preview('CardDynamicImage')" /> <img class="card-img-top embed-responsive-item" id="CardDynamicImage" src="@Model.CardTitleImage" onerror="this.src=''">

JAVASCRIPT QUE FUNCIONA:

 function preview(elementId) { <!--The id of the element is hard coded directly. Ignore the value passed in.--> CardDynamicImage.src = URL.createObjectURL(event.target.files[0]); } }

JAVASCRIPT QUE NO FUNCIONA: ¿Por qué?

 function preview(elementId) { <!--Trying to pass in the id of the element does not work.--> elementId.src = URL.createObjectURL(event.target.files[0]); }