Java基于阿里云OSS实现视频上传

file类型的input输入框获得value时可使用:

<input type="file" name="videoPath" id="vv"><br>
var formData = new FormData()
formData.append("videoPath",document.getElementById("vv").files[0]);
fileElementId: "vv", //文件选择框的id属性,即<input type="file">的id

上传时首先添加的是视频的ID、标题、内容,存储之后再次调用ajax修改视频的路径和封面的地址。

jsp页面

//上传视频
        function addVideo() {
   
            $.ajax({
   
                url: "${path}/video/addVideo",
                data: $("#aa").serialize(),
                dataType: "json",
                success: function (data) {
   
                    if (data.add == "SUCCESS") {
   
                        alert("文件上传中")
                     
                        var formData = new FormData()
                        formData.append("videoPath", document.getElementById("vv").files[0]);
                        $.ajax({
   
                            url: "${path}/video/headUpload?id=" + data.id,
                            dataType: 'json',
                            method: 'POST', //提交方式
                            async: false,//安全协议提交
                            data: formData,
                            processData: false, // 数据不做处理
                            contentType: false, // 不要设置Content-Type请求头内容类型
                            success: function (data) {
   
                                pageInit();
                                //添加警告添加成功提示
                                $("#addOneClassOk").show()
                                //设置隐藏
                                setTimeout(function () {
   
                                    $("#addOneClassOk").hide()
                                    $('#myModal').modal('hide')
                                    document.getElementById("aa").reset();
                                }, 2000)

                            }
                        })
                    }
                }
            });
        }


<form id="aa">
     标题:<input type="text" name="title"><br>
     描述:<input type="text" name="brief"><br>
     视频:<input type="file" name="videoPath" id="vv"><br>
     类别:<select id=
  • 3
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值