• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    php ajax无刷新上传图片实例代码
    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!
    您可能感兴趣的文章:
    • php+ajax实现图片文件上传功能实例
    • 使用ajaxfileupload.js实现ajax上传文件php版
    • PHP+jQuery+Ajax实现多图片上传效果
    • php+ajax实现异步上传文件或图片功能
    • php+html5+ajax实现上传图片的方法
    • File, FileReader 和 Ajax 文件上传实例分析(php)
    • PHP+Ajax异步带进度条上传文件实例
    • PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
    • PHP+Ajax实现上传文件进度条动态显示进度功能
    • php+ajax无刷新上传图片实例代码
    • PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
    上一篇:Ajax获取页面被缓存的解决方法
    下一篇:仿google搜索提示 SuggestFramework的使用
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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