AjaxUpload 수정 입력 파일 형식 내가 시도한 몇 가지 좋은 자습서에 의해 시작 함께

Question

작동하지 않습니다 . 2) CSS 트릭을 사용하여 기본 HTML5 입력 파일 버튼을보다 멋진 사용자 정의 버튼으로 바꿉니다. 3) "특정 이미지 만"파일 업로드를 허용하기 위해 HTML5 필터를 사용하십시오.

요점은 수정 된 입력 파일 버튼을 사용할 때 AjaxUpload 라이브러리가 손상된 것입니다 (즉, 아무 일도 일어나지 않음).

예를 들어 this JSFiddle은 기본 입력 파일을 사용하는 테스트입니다. 파일을 업로드하려고하면로드하는 gif에서 파일이 현재 업로드 중임을 알립니다. This one은 수정 된 입력 파일과 동일합니다. 로드중인 gif가 시작되지 않았습니다.

또한 Chrome 브라우저에서 HTML5 파일 필터링이 깨진 것 같지만 사소한 문제입니다.

아이디어가 있으십니까?

Answer 1

이것은 내부 논리가 인 AjaxUpload 또는 브라우저의 보안 제한 때문일 수 있습니다. 이 CSS로 시도해보십시오 (높이는 0 % 대신 30px입니다).

.file-wrapper input { 
     cursor: pointer; 
     font-size: 100px; 
     width:100%; height:30px; 
     filter: alpha(opacity=1); 
     -moz-opacity: 0.01; 
     opacity: 0.01; 
     position: absolute; 
     right: 0; 
     top: 0; 
    } 

또한 받아 들일 수 있습니다. 다음과 같이 변경해야합니다 (Chrome에서 작동 함) :

accept="image/jpg,image/jpeg,image/png,image/gif,image/bmp,image/tiff" 

그러면 AjaxUpload에서 작동하지 않는 것 같습니다. 내가 JSFiddle에서 시도했지만, 결과에서 accept 속성을 볼 수 없다. 가능하면 플러그인으로 제거됩니다.