本文实例为大家分享了php实现ajax图片上传的具体代码,供大家参考,具体内容如下
html页面代码
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
<!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代码
?
1
2
3
4
5
|
public function fileupsend(){
$type_pic = $this ->file_upload( '1' , array ( 'jpg' , 'gif' , 'png' , 'jpeg' ), 'filetest' , 'myfile' );
echo $type_pic [ 'img_path' ];
}
|
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持快网idc。
原文链接:http://www.cnblogs.com/chen1970s/p/7743680.html
相关文章
猜你喜欢
- ASP.NET本地开发时常见的配置错误及解决方法? 2025-06-10
- ASP.NET自助建站系统的数据库备份与恢复操作指南 2025-06-10
- 个人网站服务器域名解析设置指南:从购买到绑定全流程 2025-06-10
- 个人网站搭建:如何挑选具有弹性扩展能力的服务器? 2025-06-10
- 个人服务器网站搭建:如何选择适合自己的建站程序或框架? 2025-06-10
TA的动态
- 2025-07-10 怎样使用阿里云的安全工具进行服务器漏洞扫描和修复?
- 2025-07-10 怎样使用命令行工具优化Linux云服务器的Ping性能?
- 2025-07-10 怎样使用Xshell连接华为云服务器,实现高效远程管理?
- 2025-07-10 怎样利用云服务器D盘搭建稳定、高效的网站托管环境?
- 2025-07-10 怎样使用阿里云的安全组功能来增强服务器防火墙的安全性?
快网idc优惠网
QQ交流群
您的支持,是我们最大的动力!
热门文章
-
2025-05-27 27
-
2025-05-29 45
-
安装Win11提示:the pc must support secure boot怎么解决?
2025-05-27 37 -
2025-05-27 100
-
2025-05-25 99
热门评论