Можно ли вывести короткое значение, при помощи, css как в input type=file?

Question

[Gagatyn]

Здравствуйте! При клике на <input type="file"> и выбора длинного файла. Поле результата укорачивает название загружаемого файла, показывая расширения. Можно ли добиться это при помощи css? Есть ли какие лайхаки или придется использовать js.
Код

Answer 1

[Никита Егоров]

Пример

file.onchange = function(e) {
	let str = e.target.value;
  
  res.textContent = str.length > 40 ? str.slice(0, 10) + '...' + str.slice(-10) : str;
}

Comments

[Gagatyn]

да, js сделать быстрее. Огромное спасибо!