$('#addPhotosBtn').click(function() {
$(this).parents().find('#addPhotosInput').click();
});
document.getElementById('addPhotosInput').onchange = e => {
const file = e.target.files[0];
const url = URL.createObjectURL(file);
const li = ` 
`
$('.photos-list ul').append(li);
};
$('#addVideosBtn').click(function() {
$(this).parents().find('#addVideosInput').click();
});
document.getElementById('addVideosInput').onchange = e => {
const file = e.target.files[0];
const url = URL.createObjectURL(file);
const li = `
`
$('.video-list ul').append(li);
};.photos-list ul,
.videos-list ul {
margin: 0px;
padding: 0px;
}
.photos-list ul li,
.videos-list ul li {
list-style: none;
float: left;
width: 19%;
margin: 5px;
position: relative;
}
.photos-list ul li img,
.videos-list ul li img {
width: 100%;
border-radius: 10px;
height: 110px;
}
.photos-list ul li span,
.videos-list ul li span {
position: absolute;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .5);
padding: 5px 10px;
cursor: pointer;
}
.photos-list ul li span svg,
.videos-list ul li span svg {
color: #fff;
}