原生ajax+php上传图片的简单实现

前端

 <input type="file" onclick="updown" accept="image/png,image/gif">//accept限制上传的类型<script> function upload1(obj){
var files = obj.files ;
var formData = new FormData();$.ajax({url: download.php,type: "POST",data:formData,dataType:'json',cache:false,         //不设置缓存processData: false,  // 不处理数据contentType: false,   // 不设置内容类型success:function(res){}});
}
</script>

后端写法:(download.php)

$data = var_export($_FILES,true);//接收FormData
define('UPLOAD_DIR', '../Resources/skill/');//这里设置你的下载目录
$fileName = UPLOAD_DIR.$a. '.gif';//这里也可以是其他文件类型，不过前端的accept也要变化
$success = file_put_contents($fileName,$data);//上传文件 这里需要传两个参数一个是 文件路径+文件   另一个是我们从前端接收的FormData
$data=array();
if($success){$data['status']=$fileName;$data['msg']='上传成功';echo json_encode($data);
}else{$data['status']=0;$data['msg']='系统繁忙，请售后再试';echo json_encode($data);
}
//最后返回的就是json格式

这里PHP最关键的是函数是file_put_contents()
函数把一个字符串写入文件中。

如有上面有什么写得不对的地方，大佬们可以指出来

如果这篇文章对你有用，可以点个赞或者是收藏，算是对作者的鼓励~

另附上小弟网站。。。www.entercode.cn 推广一波...

原生ajax+php上传图片的简单实现相关推荐

原生ajax传值php,原生ajax上传图片，php后台处理总结
原生ajax上传图片,php后台处理总结这篇文章发布于 2018/10/03,归类于后端数据库等标签: 原生ajax上传图片,php后台处理图片上传开始做图片上传,发现之前的处理方式基本忘光了 ...
封装原声ajax,原生AJAX封装的简单实现
回归下原生js,网上看到的AJAX封装,遂拿来改改,不知还有何弊端,望指出! var ajaxHelper = { /*1.0 浏览器兼容的方式创建异步对象*/ makeXHR: function ( ...
原生js写三级联动 java_原生js三级联动的简单实现代码
本文实例为大家分享了js查询天气应用,供大家参考,具体内容如下实现功能:打开网页时显示用户所在城市的天气状况,在输入框输入城市可查询其它城市. 实现过程:先调用百度地图的API来获取用户所在的城市, ...
原生ajax如何执行,原生ajax调用数据实例讲解
由于jQuery的盛行,现在使用较多的是jQuery封装好了的ajax,因为解决了浏览器兼容性问题,这对程序员来说就等于去掉了一个心头大患,但并非原生ajax就销声匿迹,并且本人感觉还是对原生的aja ...
js原生ajax写法
博主在大二做数据库课设时,接触的js. 边学边做,当时还没接触ajax,所以在遇到每次请求地址都会刷新这个问题时, 博主干了你们绝对想不到的事:在页面里用了很多"隐形"的frame ...
Ajax（jQuery封装），表单form提交（Ajax），art-template模板引擎，原生Ajax，XML和JSON，axios，跨域和JSONP，防抖和节流，HTTP协议
目录服务器基本概念 1.URL 2.URL地址的组成部分 3. 图解客户端与服务器的通信过程 4.网页中如何请求数据 5.资源的请求方式 Ajax jQuery中的Ajax 1. $.get()函数 ...
原生ajax请求时出现xhr.status==0及POST请求无响应问题
用原生ajax请求时发现xhr.status == 0,于是找了好久,竟然发现是绑定事件的元素不是我点击的元素.参考以下资源 AJAX问题之XMLHttpRequest status = 0 xhr. ...
理解ajax技术，封装原生 ajax请求
一.Ajax 概述 Ajax 是 Asynchronous Javascript And XML 的简写 Ajax是一门技术,并不是一门语言使用XHTML+CSS来标准化呈现使用XML和XSLT进 ...
ajax php瀑布流数据库,原生ajax瀑布流demo实例分享
本文主要为大家带来一篇原生ajax瀑布流demo分享(必看篇).小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧,希望能帮助到大家. 简单分为三个文档,有详细的注释:img ...

原生ajax+php上传图片的简单实现

原生ajax+php上传图片的简单实现相关推荐

最新文章

热门文章