크로스 브라우저 문제. 조언이 필요합니다

Question

나는 어딘가에 googled jquery를 사용하여 입력 업로드 상자를 설계했습니다, 문제는 "찾아보기"버튼이 IE에서 작동하지 않습니다 (클릭 할 수 없음)입니다. 누구든지 코드를 들여다보고 IE에서 작동하도록 조정하거나 조정해야하는 것을 도와 줄 수 있습니까? 고마워. jsfiddle에 html/css/js 파일을 포함 시켰습니다.

jSFiddle

Answer 1

당신이 IE 7/8/9, 크롬 또는 파이어 폭스에서 작동하지 않습니다 추가 "찾아보기"버튼을 클릭합니다. 당신은 다른 경험을 할 수 있습니다.

기본 UI를 완전히 대체하기 위해 플래시 기반 파일 업로드를 사용하는 것이 좋습니다 (GMail은 여전히 ​​이것을 수행합니다). 또는 기본 입력을 혼자서는 추악하고/일관성없는 것으로 둡니다. 스타일 파일 업로드에는 많은 해킹이 있지만 실제 해결책은 없습니다 (최소한 내가 만났던 해킹).

순수한 HTML/CSS 솔루션에서 가장 가까운 점은 파일 입력의 "찾아보기"버튼 위에 스타일이 지정된 버튼을 겹쳐서 나머지 부분을 숨기는 것이 었습니다. 그런 다음 전체를 IFRAME 안에 배치하여 비동기 기능을 모방했습니다. 이 솔루션은 여전히 ​​작동하지만 시각적으로 시간을 조정하고 추가 코드를 추가하여 포함 페이지에 IFRAME을 연결하고 전체 솔루션의 복잡성을 증가 시켰습니다. 그리고 다음 번에 모든 브라우저를 업데이트하면 문제가 발생할 수 있습니다.

HTML 5는 파일 업로드 프로세스 (see here)에서 훨씬 더 많은 유연성을 제공하지만 이러한 솔루션은 아직 보편적으로 지원되지 않고 여전히 미적 우려를 해결하지 못합니다.

Drag and drop capabilities은 파일 입력을 모두 숨길 수 있으므로 유용 할 수 있습니다. 최신 브라우저에서 이와 같은 솔루션을 사용할 수 있으며 지원하지 않는 구형 브라우저의 표준 파일 입력으로 저하 될 수 있습니다. 점진적 향상이있는

Another example