php+ajax+h5实现图片上传功能
2017-10-27 15:56
721 查看
本文实例为大家分享了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']; }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- php+croppic.js实现剪切上传图片功能
- ThinkPHP5+Layui实现图片上传加预览功能
- C# 中实现ftp 图片上传功能(多快好省)
- vue.js 图片上传并预览及图片更换功能的实现代码
- 使用Magento导入导出功能实现批量上传带图片产品
- Asp.Net 自定义控件实现图片的上传,浏览,删除功能
- Android调用Camera APIs实现拍照功能并上传图片
- ueditor1_4_3-utf8-jsp 配置实现上传图片的功能遇到的问题,改变图片上传请求地址
- 实现图片上传并显示到浏览器功能
- 分离与继承的思想实现图片上传后的预览功能:ImageUploadView
- java实现上传图片的功能
- 【学习笔记⑥】ssh中利用struts实现图片的上传功能
- 通过 html5 FileReader 实现上传图片预览功能
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- 基于vue+ bootstrap实现图片上传图片展示功能
- jQuery实现图片上传预览效果功能完整实例【测试可用】
- .Net语言 APP开发平台——Smobiler学习日志:快速实现应用中的图片、声音等文件上传功能
- 基于ASP.NET+easyUI框架实现图片上传功能(判断格式+即时浏览 )