php+html5+ajax实现上传图片的方法及实例
墨辰丷
发布： 2018-06-02 11:20:51
原创
1493人浏览过
这篇文章主要介绍了php+html5+ajax实现上传图片的方法,对比分析了js原生及jquery两种ajax调用上传图片的方法,以及php图片上传处理等技巧,需要的朋友可以参考下
具体如下：
<?php
if (isset($_POST['upload'])) {
var_dump($_FILES);
move_uploaded_file($_FILES['upfile']['tmp_name'], 'up_tmp/'.time().'.dat');
//header('location: test.php');
exit;
}
?>登录后复制
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>HTML5 Ajax Uploader</title>
<script src="jquery-2.1.1.min.js"></script>
</head>
<body>
<p><input type="file" id="upfile"></p>
<p><input type="button" id="upJS" value="用原生JS上传"></p>
<p><input type="button" id="upJQuery" value="用jQuery上传"></p>
<script>
/*原生JS版*/
document.getElementById("upJS").onclick = function() {
/* FormData 是表单数据类 */
var fd = new FormData();
var ajax = new XMLHttpRequest();
fd.append("upload", 1);
/* 把文件添加到表单里 */
fd.append("upfile", document.getElementById("upfile").files[0]);
ajax.open("post", "test.php", true);
ajax.onload = function () {
console.log(ajax.responseText);
};
ajax.send(fd);
}
/* jQuery 版 */
$('#upJQuery').on('click', function() {
var fd = new FormData();
fd.append("upload", 1);
fd.append("upfile", $("#upfile").get(0).files[0]);
$.ajax({
url: "test.php",
type: "POST",
processData: false,
contentType: false,
data: fd,
success: function(d) {
console.log(d);
}
});
});
</script>
</body>
</html>登录后复制
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。
立即学习“PHP免费学习笔记（深入）”；
相关推荐：
以上就是php+html5+ajax实现上传图片的方法及实例的详细内容，更多请关注php中文网其它相关文章！
相关标签：
PHP速学教程(入门到精通)
PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
来源：php中文网
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
-
2023-03-31 22:46:01
-
2023-03-31 22:26:01
-
2023-03-31 22:18:02
-
2023-03-31 22:04:02
-
2023-03-31 22:02:02
-
2023-03-31 22:00:02
-
2023-03-31 21:56:01
-
2023-03-31 21:48:01
-
2023-03-31 21:46:01
-
2023-03-31 21:42:02
最新问题
445
为什么PHP代码中的数组无法正确遍历_PHP数组遍历问题排查与解决方法
首先检查数组是否为空或未初始化，使用var_dump()确认数据存在，并通过is_array()和count()确保安全遍历；接着验证遍历语法，索引数组用for或foreach，关联数组用foreach键值对，避免循环中重复调用count()；然后排查键名类型混淆，注意字符串数字与整数键的冲突，使用gettype()识别键类型；对于嵌套数组，采用递归函数或RecursiveIteratorIterator进行深度遍历，并设置层级限制防溢出；最后排除外部干扰，检查max_execution_tim
2025-11-05 09:39:02
热门推荐
广告热门教程
更多>
相关推荐
热门推荐
最新课程
-
php中级教程之ajax技术31000次学习
收藏
-
php ajax快速入门视频教程12413次学习收藏
-
PHP+AJAX实现表格实时编辑视频教程34263次学习收藏
