罗田县升平网络工作室,一家专业从事网站建设的工作室

罗田县社区

 找回密码
 加入罗田县社区

QQ登录

只需一步,快速开始

快捷登录

回帖中禁止出现的内容,违者将被直接永久禁止访问,删除ID处理 :1.违反法律法规 ,包括但不限于出现带有政治、色情、暴恐信息等内容;2.恶意攻击内容,包括但不限于:恶意攻击党和政府、辱骂跟帖者、攻击主题发布者、不服从论坛管理、挑衅管理者、挑战版规等;3.广告、推广内容,尤其出现带有病毒、恶意代码、广告链接等内容,包括但不限于:QQ号、文字QQ号、微信号、手机号、文字手机号、第三方网址、单位公司名称、网站名称等;4.回帖贴出该主题隐藏资源链接或其它主题隐藏资源链接的行为。
查看: 245|回复: 0

PHP+JS实现跨域 上传图片 示例代码

[复制链接]
发表于 2020-8-26 17:48:27 | 显示全部楼层 |阅读模式


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <head>
  4.     <title>ajax异步文件上传</title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.     <meta name="description" content="" />
  7.     <meta name="keywords" content="" />
  8.     <script type="text/javascript">
  9.      function createXHR()
  10.          {
  11.             var xhr=null;
  12.            if(window.XMLHttpRequest)  //要是支持XMLHttpRequest的则采用XMLHttpRequest生成对象
  13.               xhr=new XMLHttpRequest();
  14.            else if(window.ActiveXobject)//要是支持win的ActiveXobject则采用ActiveXobject生成对象。
  15.              xhr=new ActiveXobject('Microsoft.XMLHTTP');
  16.             return xhr;
  17.          }
  18.          
  19.          function ajax_upload()
  20.          {
  21.            var xhr=createXHR();
  22.            var formData=new FormData();
  23.            var file=document.getElementsByTagName('input')[0].files[0];//获取文件列表中的第一个文件,html5中支持多个文件上传
  24.            var info='文件名:'+file.name+' 文件类型:'+file.type+' 文件大小:'+file.size;//获取文件的信息
  25.            var showInfo=document.getElementById('showinfo');
  26.            showInfo.innerHTML=info;
  27.            formData.append('pic',file);//加载图片文件
  28.            xhr.open('POST','api.php',true);
  29.            xhr.send(formData);
  30.            xhr.onreadystatechange=function(){
  31.              if( this.readyState==4 && this.status==200)
  32.                  {
  33.                     showInfo.innerHTML=showInfo.innerHTML+'<br />'+this.responseText;//将后台提示信息放到指定div中显示
  34.                  }
  35.             
  36.            }
  37.          }
  38.     </script>
  39. </head>
  40. <body>
  41.          <input type='file' name='pic' />
  42.          <input type='button' value='提交' onclick='ajax_upload();'/>
  43.          <div id='showinfo'></div>
  44. </body>
复制代码









  1. <?php
  2. //api.php
  3. header("Access-Control-Allow-Origin: *");//允许所有地址跨域请求
  4. if(empty($_FILES))die('上传为空文件');
  5. if($_FILES['pic']['error']!=0)die('文件上传出错');
  6. move_uploaded_file($_FILES['pic']['tmp_name'],'./'.$_FILES['pic']['name']);
  7. echo "{$_FILES['pic']['name']}文件上传成功!";
  8. ?>
复制代码
打赏鼓励一下!
*罗田县社区ltxbbs.cn 罗田人自己的社区!
回复

使用道具 举报

回帖中禁止出现的内容,违者将被直接永久禁止访问,删除ID处理 :1.违反法律法规 ,包括但不限于出现带有政治、色情、暴恐信息等内容;2.恶意攻击内容,包括但不限于:恶意攻击党和政府、辱骂跟帖者、攻击主题发布者、不服从论坛管理、挑衅管理者、挑战版规等;3.广告、推广内容,尤其出现带有病毒、恶意代码、广告链接等内容,包括但不限于:QQ号、文字QQ号、微信号、手机号、文字手机号、第三方网址、单位公司名称、网站名称等;4.回帖贴出该主题隐藏资源链接或其它主题隐藏资源链接的行为。

最新发表

[升平网络工作室]关于延长电动自行车集中免费登记上牌期限的通告

[升平网络工作室]@湖北人!明年电价要调整

[升平网络工作室]【关注】湖北日报、湖北电视台等主流媒体深度报道罗田“四警”联动基层治理新模式

[升平网络工作室]紧急通知!符合新国标电动车随时上牌!

[升平网络工作室]罗田街头出现创意假“罚单” 创意过头 商家领真罚单

[升平网络工作室]今晚21:10 罗田人锁定江苏卫视看罗田

[升平网络工作室]【画重点】十九届五中全会,和青年的你息息相关!

[升平网络工作室]96110来电一定要接听!

[升平网络工作室]【百日会战】出租屋内开赌场  罗田警方再次端掉一赌博窝点行政拘留9人

[升平网络工作室]【预警预警!】冒充“乡镇党政干部”骗局来袭,罗田警方紧急预警……

QQ|Archiver|手机版|小黑屋|罗田县社区LTXBBS.CN ( 鄂ICP备18029072号-1 )|网站地图


手机扫一扫继续访问
[免责声明]
本站系本网编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容!
[声明]本站文章版权归原作者所有 内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。

进入社区 | 发表新帖 | 百度收录 |
技术提供:罗田县升平网络工作室
站长Email:admin@ltxbbs.cn
投诉电话(刮开查看):15374567400

GMT+8, 2020-11-30 13:15 , Processed in 0.099326 second(s), 32 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表