web怎么导入视频

web怎么导入视频,第1张

1、首先打开编程软件,使用编程软件打开web网页源代码。

2、其次选择菜单栏中的插入选项,点击导入视频。

3、最后点击需要插入的位置,选择需要的素材视频,点击确定即可。

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

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

文件上传的本质就是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包的支持。

HTML5就可以实现在网页里添加视频,用<video src="xxx.mp4">这里写不支持html5视频的文字</video>

这是最简单的写法,具体方法和功能参考 http://www.w3school.com.cn/html5/html_5_video.asp

你可以用javscript来控制<video>属性来控制视频!


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

原文地址: http://outofmemory.cn/bake/11635665.html

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

发表评论

登录后才能评论

评论列表(0条)

保存