Java 视频流转图片怎么弄出来 java 视频传输

转载

mob64ca1408d5ff 2023-09-04 06:39:05

文章标签 Java 视频流转图片怎么弄出来 javascript css vue.js html 文章分类 Java 后端开发

javaweb上传文件

上传文件的jsp中的部分

上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求

1. 通过form表单向后端发送请求

<form id="postForm" action="${pageContext.request.contextPath}/UploadServlet" method="post" enctype="multipart/form-data">
            <div class="bbxx wrap">
                <input type="text" id="side-profile-name" name="username" class="form-control">
                <input type="file" id="example-file-input" name="avatar">
                <button type="submit" class="btn btn-effect-ripple btn-primary">Save</button>
            </div>
        </form>

改进后的代码不需要form标签，直接由控件来实现。开发人员只需要关注业务逻辑即可。JS中已经帮我们封闭好了

Java 视频流转图片怎么弄出来 java 视频传输_css

通过监控工具可以看到控件提交的数据，非常的清晰，调试也非常的简单。

Java 视频流转图片怎么弄出来 java 视频传输_css_02

2. 通过ajax向后端发送请求

1.
            $.ajax({ 
                 url : "${pageContext.request.contextPath}/UploadServlet", 
                 type : "POST", 
                 data : $( '#postForm').serialize(), 
                 success : function(data) { 
                      $( '#serverResponse').html(data); 
                 }, 
                 error : function(data) { 
                      $( '#serverResponse').html(data.status + " : " + data.statusText + " : " + data.responseText); 
                 } 
            });

ajax分为两部分，一部分是初始化，文件在上传前通过AJAX请求通知服务端进行初始化操作

Java 视频流转图片怎么弄出来 java 视频传输_css_03

在文件上传完后向服务器发送通知

Java 视频流转图片怎么弄出来 java 视频传输_javascript_04

这里需要处理一个MD5秒传的逻辑，当服务器存在相同文件时，不需要用户再上传，而是直接通知用户秒传

Java 视频流转图片怎么弄出来 java 视频传输_Java 视频流转图片怎么弄出来_05

这里可以看到秒传的逻辑是非常简单的，并不是特别的复杂。

var form = new FormData();
            form.append("username","zxj");
            form.append("avatar",file);
            //var form = new FormData($("#postForm")[0]);
            $.ajax({
                url:"${pageContext.request.contextPath}/UploadServlet",
                type:"post",
                data:form,
                processData:false,
                contentType:false,
                success:function(data){
         
                    console.log(data);
                }
            });

java部分

文件初始化的逻辑

Java 视频流转图片怎么弄出来 java 视频传输_css_06