파일을 찾아보기 버튼 대신 링크를 사용하려면 어떻게합니까?

Question

다음과 같은 형태가 있습니다.

<form id="submit_idea" name="submit_idea" method="post" action="">
  <a class="attach" title="Attach a file" onclick="clickAttachment()"
     href="javascript:void(0)">Attach File</a>
  <span id="id_filename"/>
  <input id="id_attachment" type="file" name="attachment"/>
  <input class="submit_btn" type="image" alt="Submit Idea" src="/static/img/submit_idea.png"/>
</form>

그리고 그것과 함께하는 관련 JavaScript.

function updateAttachment() {
    var val = $("#id_attachment").attr("value");
    if (val) {
        var name = val.split('\\');
        $("#id_filename").html(name[name.length - 1]);
    }
    else {
        setTimeout(updateAttachment, 500);
    }
}

function clickAttachment() {
    jQuery('#id_attachment').click();
    setTimeout(updateAttachment, 500);
}

이것은 IE에게는 훌륭하지만 Firefox 3.5.1에는 전혀 작동하지 않습니다. DHTML/JavaScript (플래시 없음 등) 만 사용하면 FF 3.5.1 이상에서 동일한 결과를 얻는 또 다른 방법이 있습니까?

CSS를 사용하여 "파일 첨부"링크를 차려 입을 수 있지만 Firefox가 양식을 찾는 브라우즈 버튼의 레이아웃을 변경할 수는 없습니다. IE 솔루션을 사용하면 프록시를 통해 버튼을 클릭하여 파일을 찾아 볼 수 있지만 Firefox에서는 작동하지 않습니다.

미리 감사드립니다. -Peter

Answer 1

여기에 당신이 찾고있는 것이 있습니다

입력 유형 스타일 = "파일"