Я делаю слайд изображения с помощью свайпера. У меня проблемы с этим.
Когда я загружаю изображение, загрузка изображения работает. Но свайпер не работает
Не знаю, в чем ошибка.
, поэтому мой вопрос ...
Uncaught TypeError: не удается прочитать свойство appendChild со значением null
Я получил эту ошибку. Я думаю, что слайд переменной возвращает нуль
Не знаю почему.
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);