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

Просмотров: 2696 | Комментариев: 8

В этой заметке расскажу как красиво вывести множественное свойство типа файл в инфоблоке 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");
}

Поддержать автора

Переход на DonationAlerts Visa / Mastercard / Яденьги / Qiwi / и.т.д.

Предыдущая запись Следующая запись

Уважаемый читатель! В связи с участившимся спамом в комментариях, возможность писать доступна только для зарегистрированных пользователей Быстрая регистрация или вход через социальную сеть:

Сергей Стефанович 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;?>

dim246 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="//opt-675127.ssl.1c-bitrix-cdn.ru/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="//opt-675127.ssl.1c-bitrix-cdn.ru/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="//opt-675127.ssl.1c-bitrix-cdn.ru/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="//opt-675127.ssl.1c-bitrix-cdn.ru/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 Подскажите что не так?

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

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

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

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

Поддержать автора

Записная книжка: