대부분의 경우, 우리는 사용자가 현재 페이지에서 기본적인 이미지 처리 작업을 완료할 수 있도록 최선을 다할 것입니다. 이는 실제 요구 사항과 사용자 경험을 바탕으로 논의될 수 있습니다. 과거에는 모두 AJAX를 사용하면 새로 고침 없는 업로드가 가능하다고 생각했지만 실행하기가 매우 어려웠습니다(직접 연습할 수 있지만 곳곳에 함정이 있습니다...). 일반적으로 이를 달성하려면 form标签添加一个enctype="multipart/form-data" 속성이 필요합니다. 실제로 AJAX는 우리가 제출한 데이터를 잘 처리할 수 없기 때문에 초기 라운드를 반복하지 않기 위해 미리 만들어진 업로드 플러그인을 사용합니다(예를 들어 일반적으로 이미지 업로드를 위한 시각적 편집기를 개발하지 않습니다) 새로운 프로젝트 또는 개발 소프트웨어 세트). 그리고, 일반 데이터와 이미지 데이터를 모두 폼으로 처리하는 것도 부담스럽지 않으신가요? 게다가 업로드를 사용해야 하는 위치가 여러 곳이라면 코드가 너무 많이 겹치나요?
플래시를 제외하고 일반적으로 양식 양식을 사용하여 업로드합니다. 일부 이전 브라우저를 지원해야 하는 경우 HTML에 포함된 양식을 사용하여 비동기 구현이 필요한 경우 iframe을 사용할 수 있습니다. 이전 브라우저를 지원할 필요가 없다면 formdata+ajax를 사용하여 비동기 제출을 구현할 수 있습니다. 구성 요소를 사용하는 이유는 코드 재사용을 달성하고 휠 재발명을 방지하며 개발 효율성을 향상시키기 위한 것입니다. http://www.ruanyifeng.com/blo...를 참고하시면 됩니다
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
대부분의 경우, 우리는 사용자가 현재 페이지에서 기본적인 이미지 처리 작업을 완료할 수 있도록 최선을 다할 것입니다. 이는 실제 요구 사항과 사용자 경험을 바탕으로 논의될 수 있습니다.
과거에는 모두 AJAX를 사용하면 새로 고침 없는 업로드가 가능하다고 생각했지만 실행하기가 매우 어려웠습니다(직접 연습할 수 있지만 곳곳에 함정이 있습니다...). 일반적으로 이를 달성하려면
form标签添加一个enctype="multipart/form-data"속성이 필요합니다. 실제로 AJAX는 우리가 제출한 데이터를 잘 처리할 수 없기 때문에 초기 라운드를 반복하지 않기 위해 미리 만들어진 업로드 플러그인을 사용합니다(예를 들어 일반적으로 이미지 업로드를 위한 시각적 편집기를 개발하지 않습니다) 새로운 프로젝트 또는 개발 소프트웨어 세트).그리고, 일반 데이터와 이미지 데이터를 모두 폼으로 처리하는 것도 부담스럽지 않으신가요? 게다가 업로드를 사용해야 하는 위치가 여러 곳이라면 코드가 너무 많이 겹치나요?
ajax이면 충분합니다. 업로드 데이터 매개변수에 파일을 넣는 것만으로도 충분하지만 명확하게 설명하지 않았습니다.
플래시를 제외하고 일반적으로 양식 양식을 사용하여 업로드합니다. 일부 이전 브라우저를 지원해야 하는 경우 HTML에 포함된 양식을 사용하여 비동기 구현이 필요한 경우 iframe을 사용할 수 있습니다. 이전 브라우저를 지원할 필요가 없다면 formdata+ajax를 사용하여 비동기 제출을 구현할 수 있습니다. 구성 요소를 사용하는 이유는 코드 재사용을 달성하고 휠 재발명을 방지하며 개발 효율성을 향상시키기 위한 것입니다. http://www.ruanyifeng.com/blo...를 참고하시면 됩니다
자동 업로드와 버튼업로드, 다중파일업로드, 드래그앤드롭업로드가 가능한 웹업로더를 사용합니다~~ 그런데 양식데이터와 함께 제출을 시도한 적은 없습니다. 배경을 선택한 다음 양식과 함께 제출된 경로를 입력합니다.