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

justjavac 发布于2019-06-28 14:20 / 2220人阅读

摘要：如有上面有什么写得不对的地方，大佬们可以指出来如果这篇文章对你有用，可以点个赞或者是收藏，算是对作者的鼓励另附上小弟网站。。。

前端

 //accept限制上传的类型

后端写法:(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 推广一波...

GPU云服务器云服务器 ajax原生js实现原生js实现ajax 简单的上传图片js 原生php ajax

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/26120.html

vuejs使用FormData，ajax上传图片文件

摘要：我相信很多使用的朋友，都有采用上传图片的需求，因为前后端分离后，我们希望都能用来解决数据问题，传统的表单提交会导致提交成功后页面跳转，而使用能够无刷新上传图片等文件。我相信很多使用vuejs的朋友，都有采用ajax上传图片的需求，因为前后端分离后，我们希望都能用ajax来解决数据问题，传统的表单提交会导致提交成功后页面跳转，而使用ajax能够无刷新上传图片等文件。其实已经有朋友封装了...

zollero 2019-08-20 18:34 评论0 收藏0
在Laravel项目中实现Ajax上传用户头像

摘要：在编写程序的过程中，经常会遇到一个经典的文件上传场景上传头像图片。基于对最好的用户体验的追求，写一下之前在项目中实现在项目中的上传头像。在编写web程序的过程中，经常会遇到一个经典的文件上传场景：上传头像（图片）。基于对最好的用户体验的追求，写一下之前在项目中实现在Laravel项目中的Ajax上传头像。 1.配置路由在Laravel的routes.php中设置路由： Rou...

shiina 2019-06-27 11:20 评论0 收藏0
Http请求中的Content-Type

摘要：协议采用了请求响应模型。报头分为通用报头，请求报头，响应报头和实体报头。格式支持比键值对复杂得多的结构化数据，这一点也很有用。例如下面这段代码最终发送的请求是这种方案，可以方便的提交复杂的结构化数据，特别适合的接口。一前言 ----现在搞前端的不学好http有关的知识已经不行啦～笔者也是后知后觉，在搞node的时候意识到网络方面的薄弱，开始学起http相关知识。这一篇是非常基础的讲...

Betta 2019-08-26 11:32 评论0 收藏0
使用原生JS 或jquery ajax 获取上传图片实时进度

话不多说直接上代码 jquery 版 $.ajax({ url: URL, type: POST, data: fd, processData: false, //用来回避jquery对formdata的默认序列化，XMLHttpRequest会对其进行正确处理 contentType: false, /...

PingCAP 2019-08-22 13:52 评论0 收藏0