부트 스트랩 - jquery-data-dismiss를 사용하여 선택한 파일 지우기?

Question

그래서이 div는 이미지 업 로더가되었습니다. 나는 파일이 선택되었을 때 표시 할 div가 있습니다. 또한 <a>을 제거하고 jQuery를 사용하여 업로드 된 필드를 지우고 싶습니다.

어떻게 알 수 있습니까? 나는 .bind()<a>에 대한 클릭 이벤트가 있었지만 작동하지 않았습니다 ... (플러스 제가 함께 링크를 제거하고 싶습니다) "유효 성분"이 <a>의 data-dismiss="fileupload" 부분이라고 생각합니다.

어떻게이 나쁜 소년을 앵커 태그 대신 코드를 사용하여 해고 할 수 있습니까? 여기

내 코드입니다 : ... 나는 당신이 할 찾고 정확히 모르겠지만, 난 당신과 같이 클릭 기능을 사용하려는 생각

<div id="fileuploader" class="fileupload fileupload-new" data-provides="fileupload"> 
    <div class="fileupload-new thumbnail" style="max-height: 215px; max-width: 175px;"> 
     <img src="http://www.placehold.it/175x215/EFEFEF/AAAAAA&text=no+image" /> 
    </div> 
    <div class="fileupload-preview fileupload-exists thumbnail" style="max-height: 215px; max-width: 175px; line-height: 20px;"> 

    </div> 
    <div> 
     <span class="btn btn-file"> 
      <span class="fileupload-new">Select image</span> 
      <span class="fileupload-exists">Change</span> 
      <form> 
       <input type="file" name="chosenfile" id="chosenfile"/> 
      </form> 
     </span> 
     <a href="#" id="remove" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a> 
    </div> 
</div> 

Answer 1

$('#remove').click(function(){ 
    $('#chosenfile').val(''); 
}) 

Here's a demo