Как определить формат файла на сайте и изменить верстку под него?

Question

[olka13]

Привет, подскажите скрипт, меняющий код в зависимости от расширения файла.
Например изображения и видео, или звукового файла и архива.
Что то типа

if ext .mp3
<audio src="name.mp3" controls></audio>
else
<a href="name.zip" download>Скачать файл</a>

В куче файлы разных форматов и для них хотелось бы индивидуальный html код вывода сделать, но я не знаю какой файл на какой странице может оказаться. Есть ли какое то решение? Желательно на js, если это возможно.
Спасибо

Comments

[Ankhena]

Расскажите подробнее, что именно нужно менять?
Если это что-то похожее на "пометить разными иконками" или замена текста на "скачай архив", "скачай pdf", то это легко делается на css без участия js.

[olka13]

Ankhena, ну не только текста, а в принципе, к примеру код отображающий изображение <img src>заменить на <a href> в случае если это не картинка, а архив. Не всегда скачать надо, если это видео или аудио, то обрамляется в код проигрывателя, если изображение - то отображается. Думала делать из 3 последних символов классов (добавлять имя файла как класс обертке) и под класс подставлять уже кусок кода подходящего, но тоже как то не але.

[Ankhena]

olka13, что-то меня стали терзать сомнения.

Исходный код какой?

[olka13]

Да любой, пока в планах.
Вот тут должна выводиться
картинка если файл .jpeg
<img src="[[+file]]">
или архив если .rar
<a href="[[+file]]" download>Скачать файл</a>
или плеер если .mp3
<audio src="[[+file]]" controls></audio>

Соответственно [[+file]] - переменная, разные файлы с разными форматами.

[olka13]

так же имя файла в качестве плейсхолдера могу добавить в любое место, класс, айдишник... если нужно

[szQocks]

olka13,
https://developer.mozilla.org/ru/docs/Web/API/File...
https://learn.javascript.ru/file

[olka13]

szQocks, Спасибо, то что нужно

Answer 1

[Localhost]

$filename = 'file.mp3'; //сам файл

$format = pathinfo($filename, PATHINFO_EXTENSION); //определяем формат

//условия
if($format == 'mp3'){
echo '<audio src="'.$filename.'"></audio>'
}else if($format == 'mp4'){
echo '<video><source src="'.$filename.'" type="video/mp4"></video>' 
}else if($format == 'jpg'){
echo '<img src="'.$filename.'">'
}else{
echo 'формат не найден'
}