2、其次选择菜单栏中的插入选项，点击导入视频。
3、最后点击需要插入的位置，选择需要的素材视频，点击确定即可。
通过html5中的video标签添加视频文件。
1、新建html文件，如图所示，在body标签中添加video标签，为video标签设置“src”属性，属性值是视频文件地址，这里以html同一目录下的“movie.mp4”视频为例：
2、此时的视频只会显示一个封面，并没有控制按钮，这时为video标签添加“controls”属性，如图所示，不需要添加属性值，可以看到视频中出现了常用的控制按钮：
3、直接插入的视频显示宽和高是视频本身默认的宽和高，这时可以给video添加我们想要的宽和高，这里以宽度400和高度300为例，添加属性“width”，属性值为“400”，添加属性“height”，属性值为“300”：
4、这时视频默认是加载完成后等待用户点击播放按钮再播放，如果需要加载完成后自动播放，可以给video添加属性“autoplay”，属性值为“autoplay”，这时视频加载完成后就会自动播放：
文件上传就是将客户端资源，通过网路传递到服务器端。
因为文件数据比较大，必须通过文件上传才可以完成将数据保存到数据库端的 *** 作。
文件上传的本质就是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包的支持。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）