이 글은 ajax 이미지 업로드 기능을 구체적으로 구현하기 위한 php+ajax+h5를 주로 소개하고 있으니 관심있는 친구들은 참고하시면 됩니다
구체적인 내용은 다음과 같습니다
html 페이지 코드
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="__PUBLIC__/home/js/jquery-1.11.0.js"></script> </head> <body> <form class="form-horizontal" role="form" id="myForm" action="/index/fileupsend" method="post" enctype="multipart/form-data"> 选择文件:<input type="file" id="file1" /><br /> <input type="button" id="upload" value="上传" /> <span id="imgWait"></span> </form> <script> $(function () { $("#upload").click(function () { $("#imgWait").html("上传中"); var formData = new FormData(); formData.append("myfile", document.getElementById("file1").files[0]); $.ajax({ url: "/Home/index/fileupsend", type: "POST", data: formData, /** *必须false才会自动加上正确的Content-Type */ contentType: false, /** * 必须false才会避开jQuery对 formdata 的默认处理 * XMLHttpRequest会对 formdata 进行正确的处理 */ processData: false, success: function (data) { if(data){ alert("上传成功!"); } $("#imgWait").html("上传成功"); }, error: function () { alert("上传失败!"); $("#imgWait").hide(); } }); }); }); </script> </body> </html>
php 코드
public function fileupsend(){ $type_pic = $this->file_upload('1',array('jpg', 'gif', 'png', 'jpeg'),'filetest','myfile'); echo $type_pic['img_path']; }
관련 권장 사항:
간단한 이미지 업로드를 구현하는 HTML5 문제 및 솔루션
thinkphp jquery를 사용하여 이미지 업로드 및 미리보기 효과 구현
ThinkPHP 5 기반 . 0 이미지 업로드 플러그인 구현
위 내용은 php+ajax+h5는 이미지 업로드 기능을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!