Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- const __contenedorGENERAL = ".container__img";
- const __contenedorIMG = ".element__img";
- const __url = "url";//attr a buscar en el json
- function remove_(t) {
- if (document.querySelectorAll(__contenedorIMG).length === 1) {
- alert("No puede eliminar este elemento");
- return null;
- }
- t.parentElement.remove();
- }
- /**
- * t {OBJECT}
- * class_ {String}
- * obj {JSON}
- */
- function cloneElement(t, class_, obj = null) {
- const element = document.querySelector(class_).parentElement.cloneNode(true);
- element.querySelector("input[type='file']").value = "";
- element.querySelector("input[type='hidden']").value = "";//mantiene la dirección de la imagen ya guardada
- if (obj !== null) {
- element.querySelector("input[type='hidden']").value = obj[__url];
- //Se puede crear un preview de la imagen ya subida
- /**
- * let e = document.createElement("img");
- * e.src = `${path}${obj[__url]}`;
- * element.appendChild(e);
- */
- }
- document.querySelector(class_).closest(__contenedorGENERAL).appendChild(element);
- }
- document.addEventListener('DOMContentLoaded', () => {
- /**
- * RESPETAR la siguiente estructura o algo parecido
- * [{url: "folder/nombre.jpg"}, {url: "folder/nombre1.jpg"}]
- */
- const elements = [{url: "folder/nombre.jpg"}, {url: "folder/nombre1.jpg"}];//lo que haya en la columna imagen correspondiente
- elements.forEach((element,index) => {
- if (index === 0) {
- const objDiv = document.querySelector(__contenedorIMG);
- objDiv.querySelector("input[type='hidden']").value = element[__url];
- //Se puede crear un preview de la imagen ya subida
- /**
- * let e = document.createElement("img");
- * ...
- */
- } else
- cloneElement(null, '.img', element)
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement