Estoy tratando de obtener un archivo para cambiar la forma y cambiar la imagen a lo que insertó la persona.
<label for="avatarinput"> <img id="avatar" class="image" style="border-radius: 50%;" height="150" width="150" id="createForm" src= <%= image_url %> > </label> <input type="file" id="avatarinput" multiple accept=".jpg,.jfif,.jpeg,.png,.gif" name="filedata" /><br><br> <script> $("input[type=file]").on('change',function(){ let file = $(this).val(); $('#avatar').attr('src', file); }); </script>No se permite cargar recursos locales: file:///C:/fakepath/scale_1200.jfif
Debe usar FileReader para leer el archivo del cliente y configurarlo en img.src Attr.
$("input[type=file]").on('change',function(element){ let file = element.target.files[0]; // FileReader support if (FileReader && file) { var fr = new FileReader(); fr.onload = function () { $('#avatar').attr('src', fr.result); } fr.readAsDataURL(file); }} );