HTML5 _html5 튜토리얼 기술로 간단한 이미지 업로드를 구현할 때 발생하는 문제 및 해결 방법

1. 표시
프런트 엔드에서 파일을 업로드하려면 양식을 거쳐야 하는데, Ajax를 사용할 수 없기 때문에 이 경우 파일 형식의 입력을 모바일 페이지에 넣는 것은 실제로 보이지 않습니다. 좋습니다. 아래와 같이 매우 답답한 부분이 있나요?

해결책을 찾아봤습니다. 일부 PC에서는 이 입력을 플래시로 대체하고 uploadify와 같은 jquery 도구 라이브러리를 사용하여 이를 수행합니다. 그러나 모바일 측의 대부분의 브라우저는 플래시를 지원하지 않습니다. 따라서 마지막 방법은 양식 form을 사용하는 것입니다. 양식의 투명도를 설정하고 입력을 0으로 설정하여 표시할 내용과 표시할 내용이 동시에 동일한 div에 있고 표시되는 내용을 다음과 같이 만들 수 있습니다. 당신이 원하는 것처럼 보입니다. 코드는 다음과 같습니다.

코드를 복사하세요.

코드는 다음과 같습니다.