java web前端上传文件到后台常用的几种方式

java web前端上传文件到后台常用的几种方式,第1张

1、使用form表单提交

但是这里要记得添加enctype属性,这个属性是指定form表判纤洞单在向服务器提交之前,对表单数据如掘枯何进行编码。 文件域中的name="file"属性的值,需要和后台接收的对象名一致,不然接收不到。

2、使用ajax提交文件

使用ajax提交首先引入jquery-form.js文件才能实现,接着使用上面的html代码,加入以js则可以实现ajax提交文件。

3、使用FormData对象

4、后竖镇台接收文件,框架采用的Spring Boot 微服务框架,因为该框架搭建很方便所以采用这个框架写例子。

文件上传就是将客户端资源团斗唤,通过网路传递到服务器端。

因为文件数据比较大,必须通过文件上传才可以完成将数据保存到数据库端的 *** 作。

文件上传的本质就是IO流 *** 作。

演示:文塌凯件上传应该如何 *** 作?

浏览器端:

1.method=post 只有post才可以携带大数据

2.必须使用<input type='file' name='f'>要有name属性

3.encType="multipart/form-data"

服务器端:

request对象是用于获取请求信息。

它有一个方法  getInputStream()可以获取一个字节输入流,通过这个流,可以读取到

所有的请求正文信息.

文件上传原理:

浏览器端注意上述三件事,在服务器端通过流将数据读取到,在对数据进行解析.

将上传文件内容得到,保存在服务器端,就完成了文件上传。

注意:在实际开发中,不需要我们进行数据解析,完成文销颂件上传。因为我们会使用文件上传的工具,它们已经封装好的,提供API,只要调用它们的API就可以完成文件上传 *** 作.我们使用的commons-fileupload,它是apache提供的一套开源免费的文件上传工具。

代码演示文件上传的原理:

在WebRoot下新建upload1.jsp

[html] view plain copy

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>My JSP 'index.jsp' starting page</title>

</head>

<body>

<!-- encType 默认是application/x-www-form-urlencoded -->

<form action="${pageContext.request.contextPath }/upload1"

method="POST" enctype="multipart/form-data">

<input type="text" name="content"><br>

<input type="file" name="f"><br> <input type="submit"

value="上传">

</form>

</body>

</html>

新建Upload1Servlet  路径:/upload1

[java] view plain copy

package cn.itcast.web.servlet

import java.io.IOException

import java.io.InputStream

import javax.servlet.ServletException

import javax.servlet.http.HttpServlet

import javax.servlet.http.HttpServletRequest

import javax.servlet.http.HttpServletResponse

public class Upload1Servlet extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

// System.out.println("upload1 servlet......")

// 通过request获取一个字节输入流,将所有的请求正文信息读取到,打印到控制台

InputStream is = request.getInputStream()

byte[] b = new byte[1024]

int len = -1

while ((len = is.read(b)) != -1) {

System.out.println(new String(b, 0, len))

}

is.close()

}

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

doGet(request, response)

}

}

在浏览器端访问信息如下:

后台打印正文信息如下:

文件上传概述

实现web开发中的文件上传功能,需要完成如下二步 *** 作:

在web页面中添加上传输入项。

在Servlet中读取上传文件的数据,并保存在服务器硬盘中。

如何在web页面中添加上传输入项?

<input  type="file">标签用于在web页面中添加文件上传输入项,设置文件上传输入项时注意:

1、必须设置input输入项的name属性,否则浏览器将不会发送上传文件的数据。

2、必须把form的encType属性设为multipart/form-data 设置该值后,浏览器在上传文件时,并把文件数据附带在http请求消息体内,并使用MIME协议对上传的文件进行描述,以方便接收方对上传数据进行解析和处理。

3、表单的提交方式要设置为post。

如何在Servlet中读取文件上传数据,并保存到本地硬盘中?

Request对象提供了一个getInputStream方法,通过这个方法可以读取到客户端提交过来的数据。但由于用户可能会同时上传多个文件,在servlet端编程直接读取上传数据,并分别解析出相应的文件数据是一项非常麻烦的工作,示例。

为方便用户处理文件上传数据,Apache 开源组织提供了一个用来处理表单文件上传的一个开源组件( Commons-fileupload ),该组件性能优异,并且其API使用极其简单,可以让开发人员轻松实现web文件上传功能,因此在web开发中实现文件上传功能,通常使用Commons-fileupload组件实现。

使用Commons-fileupload组件实现文件上传,需要导入该组件相应支撑jar包:Commons-fileupload和commons-io。commo-io不属于文件上传组件的开发jar文件,但Commons-fileupload组件从1.1版本开始,它工作时需要commons-io包的支持。

Web文件上传采用POST的方式,与POST提交表单不同的是,上传文件需要设置FORM的enctype属性为multipart/form-data.由于上传的文件会比较大,因此需要设置该参数指定浏览器使用二进制上传。如果不设置,enctype属性默认为application/x-www-form-urlencoded,使用浏览器将使用ASCII向服务器发送数据,导雀贺致发送文件失败。

上传文件要使用册则文顷姿派件域(<input type='file'/>,并把FORM的Enctype设置为multipart/form-data.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12246451.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-22
下一篇 2023-05-22

发表评论

登录后才能评论

评论列表(0条)

保存