当前位置: 首页 > news >正文

js获取上传文件内容,ajax提交

<from action="" enctype="multipart/form-data" method="post">
<a>
<span>修改头像</span>
<input type="file" id="fileUp" accept="image/png,image/jpeg">
</a>
</from>

var fileM=document.querySelector("#fileUp");
$("#fileUp").on("change",function() {
//获取文件对象,files是文件选取控件的属性,存储的是文件选取控件选取的文件对象,类型是一个数组
var fileObj = fileM.files[0];
//创建formdata对象,formData用来存储表单的数据,表单数据时以键值对形式存储的。
var formData = new FormData();
formData.append('file', fileObj);
$.ajax({
url: "自己的后台的Url",
type: "post",
dataType: "json",
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (json_data) {
alert("恭喜你!上传成功");
},
});
});

后台php的话,直接$_FILES就可以获取。

转载于:https://www.cnblogs.com/aifengguo/p/7878377.html

相关文章:

  • “2017面向对象程序设计(Java)第十三周学习总结”存在问题的反馈及本周教学安排...
  • Python相关分析—一个金融场景的案例实操
  • hadoop入门
  • 如何将Win7做为NTP服务器
  • linux内存慢性扼杀
  • 命令行下显示mnist中图片的问题
  • webpack 图片的打包
  • git过滤提交文件
  • Unity Shader 之 渲染流水线
  • 1mysql二进制 安装
  • Docker安装和使用
  • 详解Bootstrap fileinput文件上传组件的实例
  • 【JAVA】基础知识_常见问题1
  • CAS单点登录(一):服务端搭建
  • C++ new失败的处理
  • SegmentFault for Android 3.0 发布
  • [译] 怎样写一个基础的编译器
  • axios 和 cookie 的那些事
  • AzureCon上微软宣布了哪些容器相关的重磅消息
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能
  • Redis提升并发能力 | 从0开始构建SpringCloud微服务(2)
  • Redis中的lru算法实现
  • SegmentFault 社区上线小程序开发频道,助力小程序开发者生态
  • Unix命令
  • 聊聊sentinel的DegradeSlot
  • 深度学习在携程攻略社区的应用
  • 视频flv转mp4最快的几种方法(就是不用格式工厂)
  • 数据可视化之 Sankey 桑基图的实现
  • 异常机制详解
  • 由插件封装引出的一丢丢思考
  • 智能网联汽车信息安全
  • ​​快速排序(四)——挖坑法,前后指针法与非递归
  • ​云纳万物 · 数皆有言|2021 七牛云战略发布会启幕,邀您赴约
  • #define MODIFY_REG(REG, CLEARMASK, SETMASK)
  • #我与Java虚拟机的故事#连载05:Java虚拟机的修炼之道
  • (ZT)出版业改革:该死的死,该生的生
  • (翻译)Entity Framework技巧系列之七 - Tip 26 – 28
  • (非本人原创)我们工作到底是为了什么?​——HP大中华区总裁孙振耀退休感言(r4笔记第60天)...
  • (附源码)ssm旅游企业财务管理系统 毕业设计 102100
  • (全部习题答案)研究生英语读写教程基础级教师用书PDF|| 研究生英语读写教程提高级教师用书PDF
  • (原創) 如何解决make kernel时『clock skew detected』的warning? (OS) (Linux)
  • **python多态
  • *p=a是把a的值赋给p,p=a是把a的地址赋给p。
  • .axf 转化 .bin文件 的方法
  • .bat批处理(六):替换字符串中匹配的子串
  • .NET Core/Framework 创建委托以大幅度提高反射调用的性能
  • .NET 实现 NTFS 文件系统的硬链接 mklink /J(Junction)
  • .NET程序员迈向卓越的必由之路
  • .NET开源项目介绍及资源推荐:数据持久层 (微软MVP写作)
  • /usr/bin/perl:bad interpreter:No such file or directory 的解决办法
  • ::before和::after 常见的用法
  • @transactional 方法执行完再commit_当@Transactional遇到@CacheEvict,你的代码是不是有bug!...
  • [ vulhub漏洞复现篇 ] Apache Flink目录遍历(CVE-2020-17519)
  • [ web基础篇 ] Burp Suite 爆破 Basic 认证密码
  • [ajaxupload] - 上传文件同时附件参数值