<input type = "text">을 사용하여 <input type = "file">을 시뮬레이션 할 수 있습니까?

Question

간단한 html 입력 type="text"과 입력 type="file"의 기능을 수행하는 버튼을 사용하여 프로그램을 작성하고 싶습니다.

Answer 1

이론적으로는 해킹 할 수 있지만 ([파일] 입력 등으로 0 불투명도로 설정) 수동으로 텍스트 필드 경로를 입력하면 작동하지 않습니다 (양식이있는 파일을 보내지 않음). 불필요한 해킹이 많은 것처럼 보입니다. 무슨 이유로?

Answer 2

HTML은에서 :

는

<input type="file" class="file"> 
<input type="text" name="file" class="sfile"> 
<input type="submit" value="send file" name="submit"> 

CSS :

.file{ 
    visibility:hidden; # don't use display:none; because IE compability in js 
} 

jQuery를 :

$('.sfile').click(function(){ 
    $('.file').click(); 
}); 
$('.file').change(function(){ 
    $('.sfile').val($(this).val()); 
});