js 구현 입력 유형="파일" 파일 업로드 샘플 code_javascript 기술

개발에서는 파일 업로드가 필수적입니다. 은 일반적으로 사용되는 업로드 태그이지만 보기 흉하고 변경할 수 없습니다. , 다른 태그(사진 등)를 클릭하면 파일 업로드 기능을 선택할 수 있습니다.
코드 보기:

코드 복사 코드는 다음과 같습니다.

/head>

< ;form id="form1" runat="server" method="post" enctype="multipart/form-data"> 🎜>

이미지 선택

< ;script type="text/javascript">
jQuery(function () {
$("._box").click(function () {
return $("#_f").click ();
});
}) ;



호환성이 많이 향상되었지만 일부 브라우저에서는 아직은 사용하기 어렵습니다.
백그라운드에서
코드를 다음과 같이 수정하세요.




코드를 복사하세요.


코드는 다음과 같습니다.

<본문>

选择图그림

저는 我们点击选择图文实际点击了不透명도为0의 ，单用户切看不到 后台亦可以获取到要上传的文件了.
알았어
总结：
사용일个不透明島为0的 盖재要用户可见的标签（或图文等）上，让用户点击。
용 너비 높이 줄 높이 글꼴 크기 来控제한右侧浏览按钮的大小。
왼쪽 상단(오른쪽, 하단)을 사용하여 右侧浏览按钮的位置，可以设置为负值。
z-index를 사용합니다.
양식 必须有enctype="multipart/form-data"标记才能上传文件