이 기사는 주로 간단한 이미지 업로드를 구현하기 위해 HTML5에서 발생하는 문제와 솔루션을 소개합니다. 필요한 친구는 다음을 언급 할 수 있습니다.
프론트 엔드 업로드 파일은 양식 양식을 통과해야하며 AJAX를 사용할 수 없습니다. 이런 식으로, 모바일 페이지에 입력 파일을 입력하는 것은 실제로 좋지 않습니다. 아래 그림에서 볼 수 있듯이 매우 실망 스럽습니까?
솔루션을 찾은 후 일부 PC는 업로드와 같은 jQuery 도구 라이브러리를 사용 하여이 입력을 플래시로 교체했지만 대부분의 모바일 브라우저는 플래시를 지원하지 않습니다. 따라서 최종 방법은 양식을 사용하고 양식의 투명성을 설정하고 입력을 0으로 설정하는 것입니다. 이들이 표시 될 내용이 표시되도록 DIV에있게되며 원하는대로 표시되는 내용을 만들 수 있습니다. 코드는 다음과 같습니다.
코드를 복사하십시오