javascript - ajax 게시 방법을 사용하여 사진이 포함된 양식을 제출하는 방법

Question

으아아아

두 번째 양식에는 사진이 여러 장 있기 때문에 Ajax Post 방식을 사용하여 양식을 제출할 때 위 두 양식의 데이터를 함께 제출하는 방법은 무엇인가요?

Answer 1

양식데이터 사용

Answer 2

백엔드에게 물어보세요! 일반적으로 이미지를 업로드하여 반환되는 키는 백엔드에 제공되며, 양식은 백엔드에서 정의됩니다.

Answer 3

html5를 사용하여 이미지를 BASE64로 변환한 후 ajax를 통해 백그라운드로 반환합니다. 백그라운드는 이미지를 이미지 형식으로 변환하고 base64를 통해 서버에 저장합니다.
이 교재를 참고하시면 됩니다
http://www.zhangxinxu.com/wor...

Answer 4

이미지 업로드 시 base64 인코딩이 올바른 솔루션입니다.

Answer 5

위 내용은 모두 아이디어입니다. ajaxsubmit, 플러그인을 사용하여 더 간단한 방법을 제공합니다

Answer 6

base64로 변환하지 마세요. 1/3로 늘어납니다. 입력의 이미지를 캔버스에 그린 다음 base64 가져오기를 지원하는 브라우저는 이미 xhr2.0 또는 가져오기 API를 지원해야 합니다.

Answer 7

formdata 객체를 생성하고, 객체에 값을 할당하고, formdata 객체를 ajax 데이터로 제출하세요.
이것을 살펴보는 것이 좋습니다
http://www.ruanyifeng.com/blo...

Answer 8

파일을 업로드하려면 일반적으로 직접 양식 제출이 필요합니다(그러나 전체 페이지는 새로 고쳐지고 부분 새로 고침은 iframe에 삽입하여 수행할 수 있음). 이는 백엔드 자체에서 구문 분석되거나 w3c에 따라 업로드됩니다. 일반 플러그인에서도 마찬가지인 표준형 데이터입니다