>웹 프론트엔드 >CSS 튜토리얼 >입력[유형=파일]이 느리게 열리고 정지되는 문제에 대한 해결 방법

입력[유형=파일]이 느리게 열리고 정지되는 문제에 대한 해결 방법

巴扎黑
巴扎黑원래의
2017-08-12 15:06:392420검색

다음 편집기는 열 때 느리고 입력[유형=파일]이 멈추는 문제를 신속하게 해결하기 위한 기사를 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리도록 하겠습니다. 에디터를 따라가서 살펴볼까요

파일 업로드를 위해 입력 태그 유형이 file인데 태그에 accpet="image/*" 속성을 설정했는데 로컬 폴더를 여는 속도가 왜 이렇게 느린가요? ?

테스트 후 Mac에서 Safari, Firefox 및 Chrome(opera는 왜 계속 충돌하는지 알 수 없음)에서 지연이 없는 것으로 나타났습니다.

Windows에서는 Firefox가 지연되지 않고 Chrome에서만 지연됩니다.

그래서 먼저 accpet을 제거해 보기로 했습니다...

물론 렉 문제는 없었습니다.

그럼 이 패키지를 사용해 볼까accpet="image/jpg"역시 더 이상 막히지 않네요! !

문제는 "image/*"

인 것 같습니다. 하지만 accpet을 작성하는 원래 의도는 모든 사진을 필터링하는 것입니다_(:з ∠)_

그래서 이 요구 사항을 충족하려면 동시에 개선 사용자 경험을 위해 수정된 코드

<input type ="file" accpet="image/gif,image/png,image/jpeg,image/jpg,image/bmp"/>

를 열거하고 다시 시도하면 완벽하게 작동합니다!


Chrome의

Safe Browsing

기능이 파일을 업로드하거나 저장할 때 확인하는 것으로 나타났습니다. Google에 대한 네트워크 연결이 비교적 빠르면 문제가 없습니다. 그러나 연결이 느리거나 단순히 다운된 경우 파일 확인이 끝나거나 시간이 초과될 때까지 세이프 브라우징을 통해 Chrome이 잠시 정지됩니다.

사용

accept="image/png, image/jpeg, image/gif "

이러한 MIME 유형은 Safe Browsing의 허용 ​​목록에 있고 확인할 필요가 없기 때문에 이 문제를 해결할 수 있습니다. 그러나 accept="image/*"

과 같은 것을 사용하면 작동하지 않고 막힐 수 있습니다.

위 내용은 입력[유형=파일]이 느리게 열리고 정지되는 문제에 대한 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.