ajax非刷新上传图片实例代码

本文共享PHP和ajax的示例代码，实现无需刷新即可上传图片，并与您共享。我希望你能学会和萧边一起学习，一起进步。

1。介绍文件

2.html部分

Height= 120px >

添加图片

三.添加一个表格文件

上传图片
$（。FileUpload）（。包）； / /功能

4.ajax文件上传

函数（$）{
$（。FileUpload）（。变化（功能）{ / /选择文件
如果（= $ = $（这个））瓦迩（返回）；
VaR中=美元（这）。父（母），父（）（）；
var ShowImg = upimg.find（'。ShowImg）；
VaR建立upimg.find（'。BTN跨度）；
无功imgsrc = upimg.find（'。imgsrc）；
$（这）。父AjaxSubmit（{（）。
/ / / 数据类型：'json /数据格式JSON
beforesend：（功能）{ / /上传
（ShowImg。空）； / /空显示图片
imgsrc.val（）；
Btn.html（上传…）； / /上传按钮显示上传
}，
uploadprogress：功能（事件、位置、总，percentcomplete）{
}，
成功：函数（数据）成功
返回JSON数据，显示文件名、大小和删除按钮。
VaR img =数据；
上传图片/显示后
imgsrc.val（）；
Imgsrc.val（IMG）；
showimg.html（）；
Btn.html（成功）； / /上传按钮恢复
}，
错误：函数（XHR）{ / /上传失败
Btn.html（上传失败）；
}
}）；
}）；
}）；

5。后台处理

公共功能（uploadpicaction）{ / /图片上传和显示
= $ ；
SRC =美元美元-> uploadfiles2（$ imgpath = /上传/书
isset（$ SRC { 0 } { 'src ' }）{ 0 } { $ SRC 'src} $data =美元-> concaturl（$ SRC { 0 } { 'src ' }）：空；
回波数据；
}

6。返回的数据被提供给前端进行一些处理。

然后提交到后端数据库。

希望本文能帮助您学习PHP程序设计。