ajax传递文件,ajax传递文件,使用AJAX实现上传文件

ajax传递文件,ajax传递文件,使用AJAX实现上传文件

这篇文章主要介绍了使用创建交互式、快速动态网页应用的网页开发技术实现上传文件,无需任何插件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了使用创建交互式、快速动态网页应用的网页开发技术实现上传文件的具体代码,供大家参考,具体内容如下

需求:

在前端页面选择文件上传到服务器的指定位置

前端代码

表单id='上传表单'方法=' post ' enctype=' multipart/form-data '

标签上传电子书/标签

输入类型='文件'名称='文件'

按钮id='上传'类型='按钮'名称='按钮'上传/按钮

/表单

$('#upload ').单击(函数(){

var formData=new formData($(' # upload form ')[0]);

$.ajax({

类型:' post ',

url: 'https://****:8443/fileUpload ',//上传文件的请求路径必须是绝对路劲

数据:formData,

缓存:假,

processData: false,

contentType: false,

}).成功(函数(数据){

console.log(数据);

警报('上传成功数据);

文件名=数据;

}).错误(函数(){

警报('上传失败');

});

});

首先创建一个表单数据实例,也就是空对象,将页面中现有形式表单将他初始化。通过创建交互式、快速动态网页应用的网页开发技术提交给后台

后端代码

@ post映射(value='/file upload ')

@ResponseBody

公共字符串文件上载(@ request param(value=' file ')多部分文件文件,模型模型,HttpServletRequest请求){

if (file.isEmpty()) {

System.out.println('文件为空空');

}

字符串fileName=file。getoriginalfilename();//文件名

系统。出去。println(文件。getoriginalfilename());

字符串后缀名称=文件名。子字符串(文件名。lastindexof(' . ')));//后缀名

字符串文件路径=' C://pdf//';//上传后的路径

fileName=UUID.randomUUID()后缀姓名;//新文件名

文件目的地=新文件(文件路径文件名);

System.out.println('pdf文件路径为:'目的地。getpath());

如果(!dest.getParentFile().exists()) {

dest.getParentFile().mkdirs();

System.out.println('上传可移植文档格式文件的扩展名(可移植文档格式的缩写)文件');

System.out.println('pdf文件路径为:'目的地。getpath());

}

尝试{

文件。transfer to(dest);

} catch (IOException e) {

e。printstacktrace();

}

字符串fileName='/pdf/' fileName;

返回文件名;

}

注意

1.@RequestParam(value="file ")中的文件需要和投入中的名字属性一致。

2.提交按钮类型Type="Button "如果为"提交"的话,提交完数据会刷新一次页面。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • web设置session超时时间,ajax解决session超时
  • ajax经典教程,ajax用法示例
  • ajax经典教程,ajax用法示例,Ajax教程实例详解
  • ajax是一种支持异步请求的技术,ajax异步操作
  • ajax是一种支持异步请求的技术,ajax异步操作,Ajax异步请求的五个步骤及实战案例
  • ajax技术框架及开发工具设计,ajax技术框架及开发工具怎么用
  • ajax技术框架及开发工具设计,ajax技术框架及开发工具怎么用,AJAX技术框架及开发工具
  • ajax同步请求,ajax异步传输
  • ajax同步请求,ajax异步传输,ajax异步请求详解
  • ajax 跨域请求,ajax跨域请求解决方案
  • ajax 跨域请求,ajax跨域请求解决方案,AJAX请求数据及实现跨域的三种方法详解
  • ajax 方法,ajax笔记
  • ajax 方法,ajax笔记,$.ajax()常用方法详解(推荐)
  • ajax 传文件,ajax传递文件
  • ,,用AJAX技术实现在自己Blog上聚合并显示朋友Blog的最新文章
  • 留言与评论(共有 条评论)
       
    验证码: