iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > Python >java使用ajax完成上传文件
  • 492
分享到

java使用ajax完成上传文件

2024-04-02 19:04:59 492人浏览 安东尼

Python 官方文档:入门教程 => 点击学习

摘要

本文实例为大家分享了java使用ajax完成上传文件的具体代码,供大家参考,具体内容如下 使用ajax上传文件最重要的就是实例化FORMData来进行上传文件: 1、html代码:

本文实例为大家分享了java使用ajax完成上传文件的具体代码,供大家参考,具体内容如下

使用ajax上传文件最重要的就是实例化FORMData来进行上传文件:

1、html代码:

<div class="kuang">
    <p>文件上传</p>
    <div class="san3">
        <input type="file" name="fujianID" id="fujianID" onchange="UpdateFile()"/>
        <input type = "hidden" name="fujianid" id="file2" />
    </div>
</div>

2、ajax请求代码:

<script type="text/javascript">

//上传文件
function UpdateFile(){
    var file_fujian = $("input[name='fujianID']").val();//用户文件内容(文件)
    // 判断文件是否为空 
    if ( file_fujian== "") {
        layer.msg("青选择上传的附件",{icon:1,time:1000});
        return false;
    }
    //判断文件类型,根据自己需要来做判断
    
    //判断文件大小
    var size1 = $("input[name='fujianID']")[0].files[0].size;
    if (size1>104857600) {
        layer.msg("上传的附件不能大于100M",{icon:1,time:2000});
        return false;                
    }
    
    boo1 = true;
    var type = "file";
    var formData = new FormData();//这里需要实例化一个FormData来进行文件上传
    formData.append(type,$("#fujianID")[0].files[0]);
    $.ajax({
        type:'POST',
        url:'<%=request.getContextPath()%>/login/fujian_file',
        data:formData,
        async:false,
        processData:false,
        contentType:false,
        success:function(data){
            if (data=="error") {
                layer.msg("附件添加失败",{icon:1,time:2000});
            }else{
                $("#file2").val(data.list);
                layer.msg("附件已添加",{icon:1,time:2000});
            }
        }
    });
}

3、Java后台数据处理代码:

 
    @RequestMapping(value="/fujian_file")
    @ResponseBody
    public Map<String, Object> uploadToUser(@RequestParam("file") MultipartFile file, Model model,httpservletRequest request) {
        
        String fileName = file.getOriginalFilename();
        if (fileName.indexOf("\\") != -1) {
            fileName = fileName.substring(fileName.lastIndexOf("\\"));
        }
        
        //String filePath = request.getContextPath()+ File.separator+"WEBRoot"+ File.separator+"updatefile"+ File.separator;
        // 获取项目名称,文件上传位置
        String filePath =  request.getSession().getServletContext().getRealPath("/static/updatefile/files");
        File f = new File(filePath);
        if (!f.exists()) {
            f.mkdirs();// 不存在路径则进行创建
        }
        FileOutputStream out = null;
        try {
            // 重新自定义文件的名称
            Date date = new Date();
            SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
            String d = sdf.format(date);// 时间
            //拼接文件路径和文件名
            filePath = filePath +File.separator+ d + fileName;
            out = new FileOutputStream(filePath);
            out.write(file.getBytes());
            out.flush();//清空缓冲区的数据流
            out.close();//关闭流
            } catch (Exception e) {
                //System.out.println(e); //打印抛出的异常
            }
        Map<String,Object> map = new HashMap<String,Object>();
        map.put("list",filePath );
        return map; // 返回文件地址
    }

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

--结束END--

本文标题: java使用ajax完成上传文件

本文链接: https://www.lsjlt.com/news/152402.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • java使用ajax完成上传文件
    本文实例为大家分享了java使用ajax完成上传文件的具体代码,供大家参考,具体内容如下 使用ajax上传文件最重要的就是实例化FormData来进行上传文件: 1、html代码:...
    99+
    2024-04-02
  • Java使用Ajax异步上传文件
    目录相关代码示例: 另一种示例:相关代码示例: html代码片段: <form class="layui-form" action=...
    99+
    2024-04-02
  • 使用AJAX实现上传文件
    本文实例为大家分享了使用AJAX实现上传文件的具体代码,供大家参考,具体内容如下 需求: 在前端页面选择文件上传到服务器的指定位置 前端代码 <form id="upl...
    99+
    2024-04-02
  • 如何在Java中使用Ajax异步上传文件
    今天就跟大家聊聊有关如何在Java中使用Ajax异步上传文件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。html代码片段:   <form&nb...
    99+
    2023-06-15
  • 使用jquery和ajax怎么上传文件
    本篇文章为大家展示了使用jquery和ajax怎么上传文件,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。什么是ajaxajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在...
    99+
    2023-06-08
  • Django之Ajax文件上传
     请求头ContentType     ContentType指的是请求体的编码类型,常见的类型共有3种:     1 application/x-www-form-urlencoded(看下图)       这应该是最常见的 POST ...
    99+
    2023-01-30
    文件上传 Django Ajax
  • 怎么在html中使用ajax上传大文件
    这篇文章给大家介绍怎么在html中使用ajax上传大文件,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。html有什么特点1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。2、可...
    99+
    2023-06-08
  • python requests完成接口文件上传的案例
    最近在准备一个公开课,主题就是利用不同的语言和不同的工具去实现文件的上传和下载。 在利用Jmeter去实现功能的时候,以及利用loadrunner去写脚本的时候,都很顺利,没有任何问...
    99+
    2024-04-02
  • Python flask使用ajax上传文件的示例代码
    目录前言JSForm的enctype属性InputMIME类型(更多直接百度,类型超乎你的想想)上传单个文件html代码部分javascript代码部分flask 视图函数部分上传多...
    99+
    2024-04-02
  • Ajax中有哪些文件上传控件
    这篇文章给大家分享的是有关Ajax中有哪些文件上传控件的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1. FancyUpload FancyUpload是一个采用Fla...
    99+
    2024-04-02
  • 如何通过Ajax方式上传文件使用FormData进行Ajax请求
    这篇文章主要为大家展示了“如何通过Ajax方式上传文件使用FormData进行Ajax请求”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何通过Ajax方式上传...
    99+
    2024-04-02
  • 如何利用socket完成VB.NET文件传输
    本篇内容主要讲解“如何利用socket完成VB.NET文件传输”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何利用socket完成VB.NET文件传输”吧!VB.NET文件传输代码:发送端Pu...
    99+
    2023-06-17
  • java使用Socket实现文件上传功能
    本文实例为大家分享了使用Socket实现文件上传功能的具体代码,供大家参考,具体内容如下 文件上传的步骤: 服务器端步骤: 1、创建ServerSocket 2、调用accept获...
    99+
    2024-04-02
  • 怎么在ajax中利用formdata流上传文件
    今天就跟大家聊聊有关怎么在ajax中利用formdata流上传文件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。//html如下//form1<form class=...
    99+
    2023-06-08
  • Ajax如何实现异步上传文件
    这篇文章将为大家详细讲解有关Ajax如何实现异步上传文件,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体代码如下所示:<!DOCTYPE html>...
    99+
    2024-04-02
  • Ajax怎么实现文件上传功能
    这篇文章主要介绍“Ajax怎么实现文件上传功能”,在日常操作中,相信很多人在Ajax怎么实现文件上传功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ajax怎么实现文件上传...
    99+
    2024-04-02
  • Python使用FTP上传文件
    Python使用FTP上传文件 本文主要介绍如何使用Python通过FTP上传文件。 FTP简介 FTP即文件传输协议(File Transfer Protocol),是用于在网络上进行文件传输的一种...
    99+
    2023-09-07
    python 服务器 网络
  • 使用ajax怎么实现一个拖拽上传文件功能
    本篇文章给大家分享的是有关使用ajax怎么实现一个拖拽上传文件功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。<!DOCTYPE html><ht...
    99+
    2023-06-08
  • 怎么在FormData中利用Ajax请求上传文件
    这篇文章将为大家详细讲解有关怎么在FormData中利用Ajax请求上传文件,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。Servlet3.0开始提供了一系列的注解来配置Servlet、Fi...
    99+
    2023-06-08
  • Ajax和form+iframe怎么实现文件上传
    这篇文章将为大家详细讲解有关Ajax和form+iframe怎么实现文件上传,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。HTML5Ajax上传html5的上传实现,是需要file控件以及XMLHttpR...
    99+
    2023-06-08
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作