JavaScript 무제한 업로드 버튼에 파일 삭제

Question

다가오는 지원에 감사드립니다. 업 로더에서 작업 중이며 각 추가 입력란에 자바 스크립트 삭제 링크를 추가하려고합니다. 나는 아이를 추가하는 사람이있다. http://codepen.io/anon/pen/NPPmYP

는 내가 뭘 걸려 라하는 것은 여기에서 추가 입력 필드의 작성 중에 누군가를 도울 수 있다면 내 코드입니다 : 여기

는 codepen이다.

나는 이러한 방법을 시도하고 그들은

var del = document.createTextNode('<a href="javascript:_del_extra();">delete</a> '); 

에 내가 그 라인을 위해 무엇을 변경 시도를

<script language="javascript"> 
<!-- 
function _add_more() { 

    files.appendChild(document.createElement("br")); 

    var del = document.createTextNode("Delete "); 
    document.getElementById("files").appendChild(del); 

    var extra = document.createElement('input'); 
    extra.type="file"; 
    extra.id="images[]"; 
    extra.name="images[]"; 
    extra.size="50"; 
    extra.accept="image/jpeg"; 
    document.getElementById("files").appendChild(extra); 
} 
</script> 

일을 didnt는하지만 그것은 단지 텍스트로 보여 대신 그것을 클릭을 링크, 난 정말 다른 사람에게 영향을주지 않고 아이를 제거하는 함수를 만드는 방법에 대한 확신이 있어요. 예정된 지원에 감사드립니다.

Answer 1

삭제 링크를 클릭하면 이벤트 처리기를 연결해야합니다.

이와 비슷한 것.

<script language="javascript"> 
function _add_more() { 

    var del = document.createElement("a"); 
    del.appendChild(document.createTextNode("Delete")); 
    del.href="#"; // Apply link styling 

    var extra = document.createElement('input'); 
    extra.type="file"; 
    extra.id="images[]"; 
    extra.name="images[]"; 
    extra.size="50"; 
    extra.accept="image/jpeg"; 

    var additionalFile = document.createElement('span'); 
    additionalFile.appendChild(document.createElement("br")); 
    additionalFile.appendChild(del); 
    additionalFile.appendChild(extra); 

    document.getElementById("files").appendChild(additionalFile); 

    del.addEventListener('click', function(event){ 
     additionalFile.parentElement.removeChild(additionalFile); 
     event.preventDefault(); 
    }); 
} 
</script>