слайд изображения с помощью свайпера - PullRequest
0 голосов
/ 08 мая 2020

Я делаю слайд изображения с помощью свайпера. У меня проблемы с этим.

Когда я загружаю изображение, загрузка изображения работает. Но свайпер не работает

Не знаю, в чем ошибка.

, поэтому мой вопрос ...

  1. Uncaught TypeError: не удается прочитать свойство appendChild со значением null

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

    Не знаю почему.

  2. swiper не работает. Я не знаю, почему возникает эта ошибка.

Дайте мне совет. Спасибо

Javascript

var mySwiper = new Swiper('.swiper-container', {


            direction: 'vertical',
            loop: true,

            // If we need pagination
            pagination: {
              el: '.swiper-pagination',
              type: 'bullets',

            },

            // Navigation arrows
            navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev',
            },
            },
        );

        var slide = document.getElementById("swiper-wrapper");       
        function uploadImgPreview() {

            let fileList = document.getElementById( "upImgFiles" ).files;



            function readAndPreview( fileList ) {


                if ( /\.(jpe?g|png|gif)$/i.test( fileList.name ) ) {
                    let reader = new FileReader();
                    reader.addEventListener( "load", function() {
                        var picFile=event.target;
                        var swiper_slide= "<img class ='swiper-image' src='" + picFile.result + "''/>";
                        var slide=document.getElementById('swiper-container');
                        slide.appendChild(swiper_slide);



                        //slide.insertBefore(div, slide.childNodes[0]);




                    }, false );

                    if( fileList ) {
                        reader.readAsDataURL( fileList );
                    }

                }
            }



            if( fileList ) {

            [].forEach.call( fileList, readAndPreview);
...