php ajax无刷新上传图片实例代码

Five战灬魂

Five战灬魂

2016-02-19 11:29

下面图老师小编要向大家介绍下php ajax无刷新上传图片实例代码,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!
AJAX 客户端页面代码: index.html
代码如下:

html
body
h1Ajax file upload sample/h1br/input id="uplaod" name="btn_send" type="button" value="上传测试"/
div id=result/div
PRE class=js name="code"SCRIPT LANGUAGE=JavaScript
// 上传函数
function btn_send.onclick() {
data = ""
spliter = "-------7d8d733180846"
datadata = data + spliter + "rn"
datadata = data + "Content-Disposition: form-data; name="photofile"; filename="C:\a.txt"rn"
// datadata = data + "Content-Type: image/pjpeg" + vbCrLf
datadata = data + "Content-Type: text/plain" + "rn" + "rn"
text = "My name is Wilson Lin."
postLength = text.length + data.length + 2 + spliter.length + 4
package = data + text + "rn" + spliter + "--rn"

alert(package)
// 把XML文档发送到Web服务器
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.open("POST","./upload.php",false);
xmlhttp.setRequestHeader("Content-Type", "multipart/form-data; boundary=-----7d8d733180846");
xmlhttp.setRequestHeader("Content-Length", postLength);
xmlhttp.send(package);
// 显示服务器返回的信息
result.innerHTML=xmlhttp.ResponseText;
}
/SCRIPT
/PRE
/body
/html

PHP服务器端代码: upload.php
代码如下:

?php
// $_FILES['photofile']:是获得上传图片的数组
// $uploadfile:存放地址
$uploadfile = "D:/".$_FILES['photofile']['name'];
copy( $_FILES['photofile']['tmp_name'], $uploadfile );
echo "URL: a href='http://localhost/".$_FILES['photofile']['name']."' target='_blank'".$_FILES['photofile']['name']."/abr/";
?
Upload successed!
展开更多 50%)
分享

猜你喜欢

php ajax无刷新上传图片实例代码

Web开发
php ajax无刷新上传图片实例代码

ajax无刷新上传图片实例

Web开发
ajax无刷新上传图片实例

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

ajax(iframe)无刷新提交表单、上传文件

Web开发
ajax(iframe)无刷新提交表单、上传文件

php ajax无刷新分页,支持id定位

Web开发
php ajax无刷新分页,支持id定位

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

php AJAX POST的使用实例代码

Web开发
php AJAX POST的使用实例代码

AJAX+jsp无刷新验证码实例

Web开发
AJAX+jsp无刷新验证码实例

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

高手解读造成电脑无法正常关机的五大原因

高手解读造成电脑无法正常关机的五大原因

android listview优化几种写法详细介绍

android listview优化几种写法详细介绍
下拉加载更多内容 ↓