채택완료

파일 + 버튼

2020-09-26 (토) 19:48:10 2,688

3667102531_1601117246.8084.png

이거 예전처럼 +버튼으로 할 수 없나요?

|

답변 3개 / 댓글 2개

채택된 답변
+20 포인트

크게 두기지 정도 방법이 이습니다

1  버튼에 이벤트걸어서 파일인풋이 열리는 방식

2  파일 api  방식

질문에 가까우면서 손이 덜가는  것은

첫번쩌 일거 같구

첫번째도 선택지가 두개가 있습니다

1  순수한 버튼이나 이미지를 클릭  핬을때  클릭 이벤트에 의해 파일인풋 이벤트가 같이 작동되도록  한다

파일 인풋창은  폼값의 hidden 방식처럼 처리해서 회면상 안보이게 한다

2  파일 인풋창을 css를 이용해서 버튼 이미지 바로 위에 위치 시키고   position:absolute  이용

버튼 이미지만 보이게 하기 위해 파일  인풋창에  css의 opacity :0  처럼

투명도를 내려서 버튼  이미지만 보이게한다 

이 방식은 예전부터 여타 웹 브라우저의  낮은 버전에서도 널리 시용되었던 형식이며 손이 제일 덜가는 방법이니  이 방식을 사용해보세요

답변에 대한 댓글 1개

2020-09-27 (일) 01:18:21
감사합니다~ 프로그래머가 아니라서 ㅎ 포기하겠습니다.

아미나나 나리야 참고하세요...

2020-09-27 (일) 00:48:54

답변에 대한 댓글 1개

2020-09-27 (일) 01:19:00
2개는 나오는군요,,이걸 + 버튼을 두고 스크립트로 늘어나게 해야 하는군요,감사합니다

답변을 작성하려면 로그인이 필요합니다.