php+ajax+h5实现图片上传功能
2018-09-07 11:56
本文实例为大家分享了php实现ajax图片上传的具体代码，供大家参考，具体内容如下
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]; }
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
文章标题：php+ajax+h5实现图片上传功能
文章链接：http://soscw.com/index.php/essay/11375.html