이번에는 Ajax 비동기 업로드 파일 실제 목록(코드 포함)을 가져왔습니다. Ajax 비동기 파일 업로드에 대한 주의 사항 은 무엇입니까? 다음은 실제 사례입니다. 살펴보겠습니다.
말은 많이 하지 않고 실용적인 정보만 전달하겠습니다. 서투른 점 양해 부탁드립니다.
구체적인 코드는 다음과 같습니다.
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <script src="~/Scripts/jquery-1.8.2.min.js"></script> <title>Index</title> <script> $(function() { $(':button').click(function () { var formData = new FormData(); var file = $("input[type='file']")[0].files[0]; formData.append("files", file); $.ajax({ url: '/Upload/Upload', //server script to process data type: 'POST', //Ajax事件 //beforeSend: beforeSendHandler, //success: completeHandler, //error: errorHandler, // Form数据 data: formData, //Options to tell JQuery not to process data or worry about content-type cache: false, contentType: false, processData: false }); }); }); </script> </head> <body> <form enctype="multipart/form-data"> <input name="file" type="file" multiple="multiple" /> <input type="button" value="Upload" /> <input type="text" name="userName" value="ice" /> </form> </body> </html>
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
jQuery+ajax가 json 데이터 탐색을 구현하는 방법
Ajax가 시험 카운트다운을 구현하고 자동으로 시험지 기능을 제출하는 기능
위 내용은 Ajax 비동기 업로드 파일 목록(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!