templates/bundles/SyliusAdminBundle/Script/_previewImages.html.twig line 1

Open in your IDE?
  1. <script>
  2.     $(document).previewUploadedImage('#app_program_type_images');
  3. </script>
  5. <script>
  6.     (function () {
  7.         const displayUploadedFile = function displayUploadedFile(input) {
  8.             if (input.files && input.files[0]) {
  9.                 const extension = input.files[0].name.split('.').pop().toLowerCase();
  10.                 const reader = new FileReader();
  12.                 // Remove previous file preview
  13.                 $(input).parent().siblings('.preview-file').remove();
  15.                 reader.onload = (event) => {
  16.                     if (extension === 'mp4' || extension === 'webm' || extension === 'avi' || extension === 'mov' || extension === 'flv' || extension === 'wmv' || extension === 'mkv') {
  17.                         const video = $('<video controls width="300" class="preview-file">');
  18.                         video.attr('src', event.target.result);
  19.                         $(input).parent().before(video);
  20.                     } else {
  21.                         const img = $('<img class="ui small bordered image preview-file"/>');
  22.                         img.attr('src', event.target.result);
  23.                         $(input).parent().before(img);
  24.                     }
  25.                 };
  27.                 reader.readAsDataURL(input.files[0]);
  28.             }
  29.         };
  31.         $.fn.extend({
  32.             previewUploadedFile(root) {
  33.                 $(root).on('change', 'input[type="file"]', function() {
  34.                     displayUploadedFile(this);
  35.                 });
  36.             },
  37.         });
  39.         $(document).previewUploadedFile('#add-video');
  40.         $(document).previewUploadedFile('#add-product-image');
  41.         $(document).previewUploadedFile('#add-product-file');
  42.     })();
  43. </script>