Encontré una respuesta aquí , pero usa JavaScript. Estoy tratando de aplicar este script pero en códigos de afeitar, pero no sé cómo hacerlo, busqué / busqué en Google con una palabra clave diferente, pero todas las respuestas no usan un código de afeitar. Alguien puede ayudarme ?
Aquí hay una parte de la página cshtml.
<tr> <td><label>Image</label></td> <td> <script> function ImgPre(input) { if (input.files[0]) { var uploadImg = new FileReader(); uploadImg.onload = function (displayImg) { $("#imagePreviewer").attr('src', displayImg.target.result); } uploadImg.readAsDataURL(input.files[0]); } } </script> <input type="file" accept="image/*" asp-for="Image" onchange="ImgPre(this)" /> @{ string base64 = ""; if (Model.Image != null) { base64 = Convert.ToBase64String(Model.Image); } var imgSrc = String.Format("data:image/jpeg;base64,{0}", base64); } <img id="imagePreviewer" src="@imgSrc" width="150" /> </td> </tr> ¿Cómo puedo escribir el código en la etiqueta <script></script> para que sea similar al que tiene @{ }
He estado luchando para encontrar una solución, pero no puedo encontrar ninguna. Puede alguien ayudarme por favor ?
Puede escribir javascript en su archivo cshtml rodeándolo con @section Scripts{} .
debería parecerse
<input type="file" id=" ImgUpload" onchange="ImgPre(this)" /> <button id="butImg">Upload</button> <p> <img id="ImgPreview" /> </p> @section Scripts{ <script> function ImgPre(input) { if (input.files[0]) { var uploadimg = new FileReader(); uploadimg.onload = function(displayimg) { $("#ImgPreview").attr('src', displayimg.target.result); } uploadimg.readAsDataURL(input.files[0]); } } </script> }