<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="file" id="file"> </body> <script type="text/javascript"> function upload_file() { var formData = new FormData();//创建一个新的FormData对象 formData.append("file",$("#file")[0].files[0]); //说明：$("#file")：获取的是input对象 //$("#file")[0]：获取<input>标签 //$("#file")[0].files[0]：获取上传的文件 //formData.append：将文件添加到formdata对象中 $.ajax({ url: "/file/upload", type: "POST", data: formData,//提交文件对象 processData: false, // 不处理数据 contentType: false, // 不设置内容类型 success:function(data){ // alert(data); } }); } </script> </html>
ajax上传文件（前端代码）
2023-02-22
110
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
代码如下
目录
相关文章
|
2月前
|
前端开发
API
UED
|
10天前
|
JavaScript
前端开发
Docker
前端全栈之路Deno篇（二）：几行代码打包后接近100M？别慌，带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时，生成的可执行文件体积较大，通常接近 100 MB，而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时，使其能够在目标设备上独立运行，无需额外安装依赖。尽管体积较大，但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法，可以优化可执行文件的体积。
48
3
3
|
16天前
|
前端开发
JavaScript
|
6天前
|
前端开发
JavaScript
开发者
揭秘前端高手的秘密武器：深度解析递归组件与动态组件的奥妙，让你代码效率翻倍！
【10月更文挑战第23天】在Web开发中，组件化已成为主流。本文深入探讨了递归组件与动态组件的概念、应用及实现方式。递归组件通过在组件内部调用自身，适用于处理层级结构数据，如菜单和树形控件。动态组件则根据数据变化动态切换组件显示，适用于不同业务逻辑下的组件展示。通过示例，展示了这两种组件的实现方法及其在实际开发中的应用价值。
10
1
1
|
27天前
|
前端开发
JavaScript
开发者
利用代码分割优化前端性能：高级技巧与实践
【10月更文挑战第2天】在现代Web开发中，代码分割是优化前端性能的关键技术，可显著减少页面加载时间。本文详细探讨了代码分割的基本原理及其实现方法，包括自动与手动分割、预加载与预取、动态导入及按需加载CSS等高级技巧，旨在帮助开发者提升Web应用性能，改善用户体验。
27
5
5
|
1月前
|
前端开发
小程序
JavaScript
|
2月前
|
JSON
前端开发
JavaScript
跨越跨域大山，前端不得不知道的Ajax
该文章介绍了AJAX技术的基本使用方法，包括GET和POST请求的模拟，并探讨了浏览器同源策略及其对跨域请求的影响，同时还提出了JSONP和CORS作为解决跨域问题的方案。
22
0
0
|
3月前
|
缓存
前端开发
数据格式
|
3月前
|
JavaScript
前端开发
小程序
【技巧】JS代码这么写，前端小姐姐都会爱上你
本文介绍了JavaScript编程中的实用技巧，包括解构赋值的多种妙用、数组操作技巧及常用JS功能片段。解构赋值部分涵盖短路语法防错、深度解构及默认值赋值；数组技巧包括按条件添加数据、获取最后一个元素及使用`includes`优化`if`语句；常用功能片段则涉及URL参数解析、页面滚动回顶部及获取滚动距离等。通过这些技巧，提升代码质量和效率。
29
0
0
|
3月前
|
前端开发
API
开发者
构建前端防腐策略问题之防腐层的核心代码实现以RxJS Observable为中心的的问题如何解决
构建前端防腐策略问题之防腐层的核心代码实现以RxJS Observable为中心的的问题如何解决
44
1
1
热门文章
最新文章
1
ajax省市县三级联动
2
15.4. Ajax + JSON
3
jquery ajax return值 没有返回 的解决方法
4
ASP.NET与JQUERY的AJAX文件上传 视频课件+源码Demo
5
最简单的Ajax
6
《JavaWeb篇》11.Filter&Listener&Ajax看这一篇就够了（二）
7
AJax学习笔记
8
fastadmin ajax 关掉提示信息,Fast.api.ajax关闭提示信息
9
ajax教程
10
Ext.Ajax.request和formPanel.getForm().submit两种提交方法的异同
1
前端利器SASS之入门篇，前端开发你需要了解的那些事
60
2
sass 公用10个mixins代码块，算法太TM重要了，前端开发要求
42
3
JS的几种设计模式，Web前端基础三剑客学习知识分享，前端零基础开发
46
4
CSS3 转换，深入理解Flutter动画原理，前端基础图形
60
5
4(1)，阿里面试官，前端开发面试题目
47
6
【前端】websocket 讲解与项目中的使用
79
7
详解前端登录流程：实现原理与最佳实践
259
8
npm与Maven：前端与后端构建工具深度对比学习
178
9
TypeScript：前端世界的“甜蜜烦恼”——究竟该不该用？
45
10
前端获取当前日期---------------年月日//时分秒
58