j-Preview

Този компонент автоматично рецидира изображението в съответствие с настройките и го изтегля на сървъра във формат base64.

• Отговорът от сървъра трябва да съдържа URL адреса на снимката
• Работи с Bootstrap
• Държи и отпуска подкрепа
• Подкрепа за ориентация

Пътят:

Стойността / отговорът (от изтеглянето) ще се използва като URL адрес за преглед.

Конфигуриране:

• url {String} (IMPORTANT) URL за изтегляне, може да съдържа и метод (необходим)
• width {Number} Снимка с дължина (необходима)
• height {Number} - височина на изображението (необходима)
• percentage {Number} рецизира изображението според процента (тогава width и height не са необходими)
• icon {String} (опционално) иконата на етикета без ti, (предварително: null)
• background {String} (опционално) цвят на фона, може да бъде transparent (предварително: white)
• schema {String} подготвен обект за изпращане (предварително: {file:base64,filename:filename}, base64 + filename е стойност от преглед)
• quality {Number} Качеството на JPEG (предварително: 90)
• customize {Boolean} рецизира изображението до определения размер (предварително: true)
• preview {String} подготвя URL адрес за преглед на стойността (предварително: null)
  • Пример: value => '/download/' + value + '.jpg'
• map {String} подготвя стойността на отговора към стойността (предварително: null)
  • Пример: value => value.id
• empty {String} - връзката към празната картина
• keeporiginal {Boolean} запазва оригиналния образ, ако размерът е същият като ширината/височината, определена в конфигурацията (предварително: false)
• NEW output {String} изход тип base64 (предварително) или file
• NEW convert {String} тип изображение jpg (предварително) или png
• NEW exec {String} пътят към метода function(next(url)) (това предотвратява диалога за изтегляне на файлове)
• NEW center {Boolean} съчетава изображението и етикета с центъра

Методи:

• component.reupload() възстановява текущата стойност на изображението като база64.

Използвайте го с <ui-component name="preview">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

<div style="padding:50px;max-width:300px">
	<ui-component name="preview" path="picture" config="width:300;height:200;url:POST /upload/;icon:folder">Preview</ui-component>
</div>

<script>
	var picture = '';
</script>