파일 첨부후 취소관련 자바스크립트 문의입니다
이미지와 아이콘을 선택해서 사용하는 방명록 스킨을 만들고 있습니다.
처음에 이미지를 선택했다가 나중에 아이콘을 선택하면 최초 이미지 파일은 폼전송이 되지 않도록
첨부된 파일이 취소되어야 하는데 잘 안되는군요.
관련된 부분만 대충 요약하면.....
<html>
<body>
<form name="fwrite" method="post" action="javascript:fwrite_check(document.fwrite);" enctype="multipart/form-data" style="margin:0px;">
<input type='file' class=ed size=32 name='bf_file[]' title='파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능'>
<input type=image id="btn_submit" src="./btn_write.gif" border=0 accesskey='s'
</form>
</body>
<script language="javascript">
function fwrite_check(f)
{
/**
대충 생략
**/
for(var i=0; i < f.length; i++){
if(f.elements[i].name == 'bf_file[]'){
f.elements[i].value = '';
//document.getElementsByName('bf_file[]').value = '';
}
}
</script>
</html>
문제는 'bf_file[]'의 값이 null이 되야 하는데 여러 방법을 써도 안되는군요.
방법1 - f.elements[i].value = '';
방법2- document.getElementsByName('bf_file[]').value = '';
뭐가 문제일까요?
이게 안된다면 innerHTML 방식으로 제어를 해야할까요? 초보애개 PHP와 달리 자바스크립트는 에러잡기가 힘드네요. 아시는 분들의 조언 기다리겠습니다.
처음에 이미지를 선택했다가 나중에 아이콘을 선택하면 최초 이미지 파일은 폼전송이 되지 않도록
첨부된 파일이 취소되어야 하는데 잘 안되는군요.
관련된 부분만 대충 요약하면.....
<html>
<body>
<form name="fwrite" method="post" action="javascript:fwrite_check(document.fwrite);" enctype="multipart/form-data" style="margin:0px;">
<input type='file' class=ed size=32 name='bf_file[]' title='파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능'>
<input type=image id="btn_submit" src="./btn_write.gif" border=0 accesskey='s'
</form>
</body>
<script language="javascript">
function fwrite_check(f)
{
/**
대충 생략
**/
for(var i=0; i < f.length; i++){
if(f.elements[i].name == 'bf_file[]'){
f.elements[i].value = '';
//document.getElementsByName('bf_file[]').value = '';
}
}
</script>
</html>
문제는 'bf_file[]'의 값이 null이 되야 하는데 여러 방법을 써도 안되는군요.
방법1 - f.elements[i].value = '';
방법2- document.getElementsByName('bf_file[]').value = '';
뭐가 문제일까요?
이게 안된다면 innerHTML 방식으로 제어를 해야할까요? 초보애개 PHP와 달리 자바스크립트는 에러잡기가 힘드네요. 아시는 분들의 조언 기다리겠습니다.
|
댓글을 작성하시려면 로그인이 필요합니다.