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

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

需求：

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

前端代码

表单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的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。