php+ajax+h5实现图片上传功能

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="https://www.jb51.net/__PUBLIC__/home/js/jquery-1.11.0.js"></script> </head> <body> <form role="form" action="/index/fileupsend" method="post" enctype="multipart/form-data"> 选择文件:<input type="file" /><br /> <input type="button" value="上传" /> <span></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']; }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/e51f869d2039d1b28d2bbc23de2bcdff.html