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

时间:2024-04-17 10:40:02 

AJAX 客户端页面代码: index.html


<html>
<body>
<h1>Ajax file upload sample</h1><br/><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 + "\r\n"
datadata = data + "Content-Disposition: form-data; name=\"photofile\"; filename=\"C:\\a.txt\"\r\n"
// datadata = data + "Content-Type: image/pjpeg" + vbCrLf
datadata = data + "Content-Type: text/plain" + "\r\n" + "\r\n"
text = "My name is Wilson Lin."
postLength = text.length + data.length + 2 + spliter.length + 4
package = data + text + "\r\n" + spliter + "--\r\n"

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']."</a><br/>";
?>
Upload successed!
标签:ajax,无刷新,上传图片
0
投稿

猜你喜欢

  • 干掉一堆mysql数据库,仅需这样一个shell脚本(推荐)

    2024-01-14 19:48:51
  • 使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例

    2024-05-21 10:13:15
  • 探讨select in 在postgresql的效率问题

    2024-01-20 01:41:41
  • python查找与排序算法详解(示图+代码)

    2023-08-05 13:27:26
  • N年前的JAVASCRIPT笔记

    2009-01-07 12:40:00
  • CSS背景图片的运用优化HTTP连接数

    2008-09-04 21:38:00
  • JavaScript前端学算法题解LeetCode最大重复子字符串

    2024-05-21 10:21:00
  • 关于adfuller函数返回值的参数说明与记录

    2023-03-07 13:33:14
  • vue-property-decorator用法详解

    2024-05-29 22:49:55
  • PHP封装CURL扩展类实例

    2023-07-17 15:19:50
  • php实现断点续传大文件示例代码

    2024-04-28 09:45:17
  • python操作xml文件示例

    2022-06-17 22:38:28
  • 如何利用Python实现简单C++程序范围分析

    2022-07-19 00:32:48
  • ASP分页类(支持多风格变换)

    2011-04-08 10:39:00
  • 整理Python 常用string函数(收藏)

    2021-08-25 19:21:52
  • python训练数据时打乱训练数据与标签的两种方法小结

    2021-11-17 11:15:12
  • python matplotlib:plt.scatter() 大小和颜色参数详解

    2021-09-26 04:56:28
  • Python第三方库qrcode或MyQr生成博客地址二维码

    2023-06-25 06:23:08
  • Python中requests做接口测试的方法

    2022-04-10 11:06:18
  • VBScript运行出错信息涵义列表

    2007-08-12 18:03:00
  • asp之家 网络编程 m.aspxhome.com