getThumbnailUrl

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

function getThumbnailUrl(
  ctx: app.Ctx, // контекст
  hash: string, // хеш-файла,
  width?: number, // ширина
  height?: number, // высота
) : string

Принимает параметры ctx, hash, width и htight. В случае с width и height передать можно оба параметра, или один из. Если переданы оба параметра, на стороне сервера, изображение будет вписано в размер по принципу object-fit: contain. Если передан только один параметр, второй будет расчитан автоматически, с сохранением пропорций изображения. Параметры:

  • width - ширина изображения в пикселях
  • height - высота изображения в пикселях

Возвращает: URL на thumbnail картинки

Пример

import {getThumbnailUrl} from '@app/storage'
import {jsx} from '@app/html-jsx'

app.html('/', () => {
  const hash = 'image_aB3kHmKgLn.7301x4873.jpeg'
  return <html><body>
    <p>
      Параметры width и height заданы:
      <img src={getThumbnailUrl(hash, 100, 100)} />
    </p>
    <p>
      Параметр width задан, height опущен:
      <img src={getThumbnailUrl(hash, 100, undefined)} />
    </p>
    <p>
      Параметр height задан, width опущен:
      <img src={getThumbnailUrl(hash, undefined, 100)} />
    </p>
  </body></html>
})

❤️ Made with love on Chatium

ООО "Чатиум"

Информация о компании