php+ajax+h5实现图片上传功能
更新时间：2017年10月27日 15:56:55 作者：guoke1970s
这篇文章主要为大家详细介绍了php+ajax+h5实现ajax图片上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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'];
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了thinkPHP框架乐观锁和悲观锁,结合实例形式分析了框架乐观锁和悲观锁的原理及thinkPHP相关实现技巧,需要的朋友可以参考下2019-10-10
这篇文章主要给大家介绍了关于Laravel多域名下字段验证的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Laravel具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
这篇文章主要介绍了Smarty使用自定义资源的方法,实例分析了smarty自定义资源的定义与使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
PHP模板引擎Smarty内建函数section,sectionelse用法详解
这篇文章主要介绍了PHP模板引擎Smarty内建函数section,sectionelse用法,结合实例形式详细分析了section,sectionelse进行循环处理的技巧与使用方法,需要的朋友可以参考下2016-04-04
PHP基于GD库的缩略图生成代码（支持jpg,gif,png格式）
你可能会遇到这样的问题，在用户上传了一张图片后，得到这张图片的缩略图，PHP可以使用GD库生成缩略图，那么我们来探讨下，如何才能生成高质量的缩略图呢?2014-06-06
ThinkPHP 6 添加跳转提示扩展 liliuwei/thinkphp-jump的操作
liliuwei/thinkphp-jump 是 TP5 中经典跳转提示,在 TP6 中已经取消,通过 composer 下载该扩展可以在 TP6 中使用 TP5 的跳转提示操作,这篇文章主要介绍了ThinkPHP 6 添加跳转提示扩展 liliuwei/thinkphp-jump,需要的朋友可以参考下2023-08-08
下面小编就为大家带来一篇PHP数组的基本操作及遍历数组的经典操作实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了yii2的restful api路由实例详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
随着科技的发展，二维码无处不在，特别是在智能手机时代二维码更活跃，下面小编通过两种方法给大家介绍利用php生成二维码，需要的朋友可以参考下2015-08-08
本文介绍ThinkPHP的order()方法的用法。order方法可以用于对数据库操作的结果进行排序。即相当于是在select语句中一个order by的子句2016-04-04
最新评论