Можно ли вставить в поле input file картинку с этой же html стр не скачивая ее?
Можно, вот пример с вашей аватарокой(если это вы и имели ввиду):
input {
background-image: url("https://www.gravatar.com/avatar/de6a5e14a6042839e073ac37ccb10928?s=32&d=identicon&r=PG");/*Указываем адрес картинки*/
background-repeat: no-repeat; /*Убираем повтор изображения*/
background-position: 4px; /*Позиционируем*/
outline: none; /*убираем стандартную обводку браузера*/
-moz-border-radius: 5px; /*закругляем углы для Mozilla*/
-webkit-border-radius: 5px; /*закругляем углы для Chrome, Safari*/
border-radius: 5px; /*закругляем углы для остальных браузеров*/
padding-left: 20px; /*отступ слева от ввода, чтобы текст не был на картинке(выбирать по размеру картинки)*/
height: 20px; /*высота строки ввода*/
font-size: 13px; /*размер шрифта*/
}
<input/>
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости