[JavaScript] .attr(), .removeAttr()

.attr() : 속성 추가

.removeAttr(속성명) : 선택한 요소의 특정 속성을 제거

 

이미지 첨부 프리뷰를 구현하면서

img 태그에 attr로 src 속성에 경로 값을 넣어 이미지를 보이게 했었다.

if (this.files[0]) {
    var reader = new FileReader();
    reader.onload = function(e) {
        $("#preview").attr("src", e.target.result);
    }
    reader.readAsDataURL(this.files[0]);
}

 

근데 반대로 엑스 버튼을 눌렀을 때 프리뷰 이미지를 지우게 하고 싶어서 removeAttr을 썼더니 src 속성 자체를 없애지는 않는지 엑스박스로 남았다.

$("#preview").removeAttr("src");

그래서 hide()를 사용함.