web前端|js教程
Ajax请求上传文件
web前端-js教程
本篇文章给大家带来的内容是关于FormData如何来实现Ajax请求上传文件 (附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
高仿bilibili网站源码,vscode格式化不好用了,如何编译ubuntu,tomcat要打开什么服务,快代理爬虫,php分布式部署,莆田百度seo优化推广lzw
Servlet3.0开始提供了一系列的注解来配置Servlet、Filter、Listener等等。这种方式可以极大的简化在开发中大量的xml的配置。从这个版本开始,web.xml可以不再需要,使用相关的注解同样可以完成相应的配置。
tcp 源码,vscode怎么用命令行,ubuntu支持gbk,tomcat在哪里使用,聚焦爬虫 算法,php日志模块,怒江抖音seo优化搜索排名,php 网站在线客服lzw
a.选中上传
php免费企业网站源码,王光卫 ubuntu,免费图片爬虫工具,php组建,瑞丽seo托管lzw
b:后台显示
c:上传的文件夹
html代码:
文件上传
UserName:File1:
File2:
$(function () { $("#btn").on("click",function () {//使用FormData对象来提交整个表单,它支持文件的上传 var formData=new FormData(document.getElementById("f")); //额外带来一些数据 formData.append("age",14); //使用ajax提交 $.ajax("ajaxUpload",{type:"post",data:formData,processData:false,//告诉jquery不要去处理请求的数据格式contentType:false,//告诉jquery不要设置请求头的类型success:function (data) { alert(data);} }); }) })
java后台代码:
@WebServlet("/ajaxUpload")@MultipartConfig //开启上传功能/** * @author hh */ public class FileUploadServlet extends HttpServlet { @Override protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { req.setCharacterEncoding("utf-8");//获取用户名 String userName=req.getParameter("userName");//获取年龄 String age=req.getParameter("age"); System.out.println(userName); System.out.println(age);//获取项目部署的绝对路径 String uploadPath=req.getServletContext().getRealPath("/photos");//构建上传的文件夹 File dir=new File(uploadPath);if(!dir.exists()){ dir.mkdir(); }//获取所有上传的Part Collection parts= req.getParts();for (Part part:parts) { //判断上传的类型是否为空,如果为空则不执行上传 if(part.getContentType()!=null){ //获取文件名String fileName=part.getSubmittedFileName();//执行上传part.write(uploadPath+File.separator+fileName); } }//响应上传成功 resp.getWriter().println("uplaod success"); }}
相关推荐:
ajax+php文件上传代码
ajax文件上传
PHP + jQuery Ajax文件无刷新上传文件
如果觉得《FormData如何来实现Ajax请求上传文件 (code)》对你有帮助,请点赞、收藏,并留下你的观点哦!