Вывести множественное свойство типа файл с названием и весом файла в Битрикс

Просмотров: 7212 | Комментариев: 9

В этой заметке расскажу как красиво вывести множественное свойство типа файл в инфоблоке 1С-Битрикс. С показом оригинального названия файла, его транслитированной версии, размера файла в килобайтах и, само собой, ссылкой на скачивание.

Исходные данные для вывода файлов

Итак, в инфоблоке каталога сайта имеем стандартное, множественное свойство "типа файл" с кодом "FILES".

Свойство файл битрикс

Если мы его выведем, штатным способом, через вывод свойств- как оно задумано в Битрикс изначально. Выглядеть это будет не казисто и не интересно

Свойство файл битрикс

Абсолютно не интересно и самое главное не информативно. В моем случае, в данное свойство загружаются документы. Причем они в разных форматах и разного размера. Пользователь должен видеть и название документа и его размер с форматом. Например вот так:

Свойство файл битрикс

Выводим свойство файл через API Битрикс- получая все данные о файлах

Все достаточно просто, так как множественные свойства это обычные массивы. Мы можем получить все данные о каждом файле, просто зная код свойства, в моем случае "FILES". Выглядеть foreach будет следующим образом. 

<?foreach($arResult["DISPLAY_PROPERTIES"]['FILES']['FILE_VALUE'] as $pid=>$arProperty):?>
	<?
	//echo '<pre>';print_r($arProperty);echo '</pre>';

	echo $arProperty['FILE_SIZE']; //размер файла в байтах
	echo $arProperty['FILE_NAME']; //Транслитированное название файла
	echo $arProperty['ORIGINAL_NAME']; //Оригинальное название файла
	echo $arProperty['SRC']; //Ссылка на скачивание
	>
<?endforeach?>

Расскоментировав строку
// echo '<pre>';print_r($arProperty);echo '</pre>';
Вы сможете увидеть все данные о каждом файле, доступные для вывода. По мимо основных, там есть и дата загрузки и тип файла.

В принципе и все. Конкретно в моем случае, в примере выше, результат вывода выглядет следующим образом: 

<? foreach ($arResult["DISPLAY_PROPERTIES"]['FILES']['FILE_VALUE'] as $pid => $arProperty): ?>
	<a
	href="<? echo $arProperty['SRC']; ?>"
	title="Скачать <? echo $arProperty['FILE_NAME']; ?>">
		<strong>
			<? echo $arProperty['ORIGINAL_NAME']; ?>
			<span> —
				<?
				$strKb = $arProperty['FILE_SIZE']/1024;
				echo round($strKb) . ' Кб';
				?>
			</span>
		</strong>
		<i>
			<? echo $arProperty['FILE_NAME']; ?>
		</i>
	</a>
<? endforeach ?>

Несколько полезных моментов

Байты в килобаты (размер файла), я привратил, обычной php функцией округления в большую сторону round. Предварительно приведя байты в килобаты. просто разделив $arProperty['FILE_SIZE'] на 1024 (смотри в коде выше).

Иконки для разных типов файлов, назначил через CSS - тут простая стилизация. Зная расширение файла, а точнее расширенеие на которое заканчивается ссылка, просто прописал background для каждой разновидности ссылки. Вот так: 

a[href$=".doc"],
a[href$=".docx"],
a[href$=".rtf"] {
    background: url("img/doc.png");
   
}

a[href$=".pdf"] {
    background: url("img/pdf.png");
}

a[href$=".xls"],
a[href$=".xlsx"] {
    background: url("img/exl.png");
}

Сергей 25.01.2018
Спасибо. Но есть косяк. Если файл один, то не выводит.
Сергей 26.01.2018
Цитата
Сергей Стефанович пишет:
Спасибо. Но есть косяк. Если файл один, то не выводит.
Использую в news.list
Сергей 26.01.2018
Вот решение проблемы с одиночными файлами.


Код
<?if(count($arItem["DISPLAY_PROPERTIES"]["FILES"]["FILE_VALUE"]["SRC"]) == 1):?>
            <a href="<?echo $arItem["DISPLAY_PROPERTIES"]["FILES"]["FILE_VALUE"]["SRC"]?>" class="file" target="_blank" style="margin-top: 0" >
               <strong> <?echo $arItem["DISPLAY_PROPERTIES"]["FILES"]["FILE_VALUE"]["ORIGINAL_NAME"] ?>
                     <span> —
                        <?= round((intval($arItem["DISPLAY_PROPERTIES"]["FILES"]["FILE_VALUE"]["FILE_SIZE"]) / 1024), 1); ?> Кб
                     </span>
                  </strong>
                  <br>
                  <i>
                     <?echo $arItem["DISPLAY_PROPERTIES"]["FILES"]["FILE_VALUE"]["FILE_NAME"] ?>
                  </i>
            </a>

         <?else:?>
            
            <? foreach ($arItem["DISPLAY_PROPERTIES"]['FILES']['FILE_VALUE'] as $pid => $arProperty): ?>
               <a href="<? echo $arProperty['SRC']; ?>" class="file" title="Скачать <? echo $arProperty['FILE_NAME']; ?>"> 
                  <strong> <? echo $arProperty['ORIGINAL_NAME']; ?>
                     <span> —
                        <?
                           $strKb = $arProperty['FILE_SIZE']/1024;
                           echo round($strKb) . ' Кб';
                        ?>
                     </span>
                  </strong>
                  <br>
                  <i>
                     <? echo $arProperty['FILE_NAME']; ?>
                  </i>
               </a>
               <br>
            <?endforeach;?>
            
         <?endif?>
30.01.2018
Михаил, спасибо за отличную статью!
Сергей, спасибо за не менее важное дополнение!
Для вывода списка файлов на детальной странице комплексного компонента catalog у меня получился такой код:
Код
<?if(count($arResult["DISPLAY_PROPERTIES"]["FILES"]["FILE_VALUE"]["SRC"]) == 1):?>
    <a href="<?echo $arResult["DISPLAY_PROPERTIES"]["FILES"]["FILE_VALUE"]["SRC"]?>" class="file" target="_blank" style="margin-top: 0" >
        <strong> <?echo $arResult["DISPLAY_PROPERTIES"]["FILES"]["FILE_VALUE"]["ORIGINAL_NAME"];?>
            <span> — <?= round((intval($arResult["DISPLAY_PROPERTIES"]["FILES"]["FILE_VALUE"]["FILE_SIZE"]) / 1024), 1); ?> Кб</span>
        </strong>
        <br>
        <i><?echo $arResult["DISPLAY_PROPERTIES"]["FILES"]["FILE_VALUE"]["FILE_NAME"] ?></i>
    </a>

 <?else:?>
            
   <?foreach ($arResult["DISPLAY_PROPERTIES"]['FILES']['FILE_VALUE'] as $pid => $arProperty):?>
       <a   href="<? echo $arProperty['SRC'];?>"   title="Скачать <? echo $arProperty['FILE_NAME'];?>">
          <strong>
             <? echo $arProperty['ORIGINAL_NAME'];?>
             <span> —<?$strKb = $arProperty['FILE_SIZE']/1024; echo round($strKb) . ' Кб';?></span>
          </strong>
          <i><? echo $arProperty['FILE_NAME'];?></i>
       </a>
      <br>
    <?endforeach?>
         
<?endif;?>
07.04.2018
Добрый день! А как вывести размер файла свойства типа "привязка к файлу на сервере"?
21.05.2018
Чтобы он распознавал тип и выводил соответствующую картинку. Типы можно любые указать.
Код
<?if($arResult["DISPLAY_PROPERTIES"]["file"]["VALUE"]):?>
<?if(count($arResult["DISPLAY_PROPERTIES"]["file"]["FILE_VALUE"]["SRC"]) == 1):?>
<a href="<?echo $arResult["DISPLAY_PROPERTIES"]["file"]["FILE_VALUE"]["SRC"]?>" title="<?=round((intval($arResult["DISPLAY_PROPERTIES"]["file"]["FILE_VALUE"]["FILE_SIZE"])/1024),1);?> Кб"><table>
<?$f=$arResult["DISPLAY_PROPERTIES"]["file"]["FILE_VALUE"]["SRC"];$p=pathinfo($f);$pdf=array($p['extension']);if(in_array('pdf',$pdf)):?><tr><td><img align="left" src="/images/icons/pdf.png" width="24px"><?echo $arResult["DISPLAY_PROPERTIES"]["file"]["FILE_VALUE"]["ORIGINAL_NAME"]?></td></tr><?else:?><?endif;?>
<?$f=$arResult["DISPLAY_PROPERTIES"]["file"]["FILE_VALUE"]["SRC"];$p=pathinfo($f);$doc=array($p['extension']);if(in_array('doc',$doc)):?><tr><td><img align="left" src="/images/icons/doc.png" width="24px"><?echo $arResult["DISPLAY_PROPERTIES"]["file"]["FILE_VALUE"]["ORIGINAL_NAME"]?></td></tr><?else:?><?endif;?>
</table></a>
<?else:?><?foreach($arResult["DISPLAY_PROPERTIES"]["file"]["FILE_VALUE"] as $pid=>$arProperty):?>
<a href="<?echo $arProperty['SRC'];?>" title="<?$strKb = $arProperty['FILE_SIZE']/1024; echo round($strKb).' Кб';?>"><table>
<?$f=$arProperty['SRC'];$p=pathinfo($f);$pdf=array($p['extension']);if(in_array('pdf',$pdf)):?><tr><td><img align="left" src="/images/icons/pdf.png" width="24px"><?echo $arProperty['ORIGINAL_NAME'];?></td></tr><?else:?><?endif;?>
<?$f=$arProperty['SRC'];$p=pathinfo($f);$doc=array($p['extension']);if(in_array('doc',$doc)):?><tr><td><img align="left" src="/images/icons/doc.png" width="24px"><?echo $arProperty['ORIGINAL_NAME'];?></td></tr><?else:?><?endif;?></table></a>
<?endforeach?><?endif?><?else:?>Нет файла<?endif;?>
Для new.list меняете arResult на arItem. Также можно добавить fancybox, тогда jpg и pdf будут в виде сплывающего окна.
21.05.2018
есть еще такой способ выводить файл:
Код
<?$file_path = CFile::GetPath($arResult['DISPLAY_PROPERTIES']['file']['VALUE']);?>
<a href="<?=$file_path?>"><?=$file_path?></a>
(<?$file_s1 = CFile::GetByID($arResult["DISPLAY_PROPERTIES"]["file"]["VALUE"]);
$file_s2 = $file_s1->Fetch();
echo CFile::FormatSize ($file_s2['FILE_SIZE']);?>)
26.09.2018
На детальной странице каталога не получается вывести.
Компонент bitrix.catalog.element

Подскажите что не так?
Рустам 07.05.2019
Тоже столкнулся с проблемой. catalog.element не видит в массиве SRC попросту не видит, видит размер и название файла причем через $arResult["PROPERTIES"]["FILES"]["VALUE"]

с
$arResult["DISPLAY_PROPERTIES"]["file"]["VALUE"] вообще отдает NULL
Обсудить статью на форуме

Кроме создания сайтов, я так же веду блог с заметками о вебразработке, записываю бесплатные видеоуроки и содержу форум, на котором можно задавать вопросы и просто общаться. Заметки, преимущественно - это короткие или подробные рецепты, по реализации часто требуемого функционала- в рамках разработки сайтов на 1С-Битрикс

Если папка то применяем...в Битрикс

Бывает, стоит задача применить какой-либо стиль или вывести конкретный кусочек кода для дирректории. Для этого в Битрикс можно воспользоваться парамет...

Denwer c PHP 7.1.8 и MYSQL 5.7 оптимизированный для Битрикс

В последнее время, все чаще приходиться работать на Windows, хотя и не люблю эту ОС- с точки зрения разработчика сайтов. Но так или иначе, потребовалс...

Вывести компонент новостей на страницу в Битрикс

Посмотрел Яндекс метрику на свой сайт, и решил что буду частенько писать сюда именно то, что ищут люди. Итак за последнюю неделю 8 раз пытались найти ...

Если пользователь авторизован то... API Битрикс

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

Свойство: привязка к Яндекс:Картам - вывести из нескольких элементов на одну карту

Предположим, что у вас есть инфоблок со свойством "Привязка к яндекс картам". В этом инфоблоке некоторое количество элементов, в принципе любое. Пусть...

Подключение jquery из ядра битрикс и объединение своих скриптов в один файл

Если используете большое количество js скриптов на сайте. Например: фансибокс, всяческие галереи и прочее- то таких внешних скриптов может набежать по...

Показать еще
Авторизация
Напомнить пароль Зарегистрироваться
Быстрый вход через соц. сеть