2011-08-24 4 views
1

저는 스프링 (spring mvc)을 사용하여 모바일 웹 앱을 개발 중입니다. 나는 사용자가 파일 (이력서)을 업로드하고 제출할 때 데이터베이스에 저장 될 수있는 형식을 devlope해야한다. 나는 그것을 끝내는 아이디어를 얻지 못하고있다! 입력 형식을 파일로 사용할 때 형식이 다른 브라우저에서 다른 방식으로 작동합니다. 어떤 사람이 그 일을했다면, 어떤 사이트에서든지 그 단계 나 일부 실습 데모를 말해주십시오. 예 타사 도구를 사용하고 싶지 않습니다. 고맙습니다.모바일 웹 앱용 양식 필드에 파일 업로드

답변

1

죄송합니다. 귀하의 다소 SOL입니다. 파일 입력 유형은 다른 것보다 큽니다. 각 브라우저는 각기 다른 방식으로 구현하므로 여러 브라우저에서 똑같이 보일 수 없습니다. 또한 보안상의 이유로 자바 스크립트로 파일 입력을 트리거 할 수 없으므로 다른 표준 입력을 통해 상호 작용할 수있는 보이지 않는 파일 입력을 할 수 없습니다. 시도하기 전에 많은 사람들이 모두 실패했습니다. 나는 할 일이 없을 때 가능한 대안을 연구하는 데 수 일을 보냈고, 그들은 모두 보안 문제에 대항해 왔습니다. Jquery는 가장 가까운 기능을 제공하지만 주요 브라우저 중 하나에 브라우저 스위치가 필요합니다.

이제 나쁜 소식은 나간 것입니다. 다음은 할 수있는 일입니다. 화면에 버튼을 놓고 원하는대로 스타일을 지정하십시오. 파일 입력을 화면에두고 절대 위치 지정을 사용하고 높은 z- 색인을 사용하면 버튼 상단에 바로 놓을 수 있습니다. 이제 투명하게 만들지 만 (아무 것도 표시하지 않고 불투명도 및 필터 : 알파 스타일 사용) 이제 사용자는 표준 버튼과 상호 작용한다고 생각하지만 그 위에 보이지 않는 파일 입력이 클릭을 가로 챕니다. 모든 브라우저에서 동일하게 작동하는 파일 입력에 도달 할 수있는 마감 시간이 될 것입니다.

+0

덧붙여 모바일 사파리는'file input' 타입을 완전히 비활성화시킵니다. 따라서 제 3 자의 도움 없이는 대부분의 iOS 사용자가 없이는 살아야합니다. 2.2보다 오래된 Android 기기는 동일한 문제가 있다고 생각합니다. – Chris

+0

iOS 또는 Android 용으로 개발되지 않았습니다. 그거 알아두면 좋을거야. 이러한 OS를 감지하고 디스플레이에서 파일 입력을 제거하는 것이 좋습니다. 버튼 뒤에있는 버튼은 사용자 파일 업로드가 OS에서 지원되지 않는다는 경고 메시지 인 onClick을 가질 수 있습니다. – invertedSpear

+0

좋은 아이디어, 나는 이것을 시도 할 것이다. – prabhat