<div id="filePicker_video"></div>
<a class="list" href="javascript:;"> <input id="file" type="file" name="myfile" onchange="UpladFile();" value/>
<span id="select_video">选择视频</span></a>
<input class="btn btn-primary st-btn-primary" type="button" onclick="del();" value="删除" id="pic">
function UpladFile() {
var fileObj = document.getElementById("file").files[0];
if (fileObj.name) {
$(".el-upload-list").css("display", "block");
$('.list').hide();
} else {
$('.list').show();
alert("请选择文件")
}
sub();
}
function del() {
var list = document.getElementById("filePicker_video");
list.removeChild(list.childNodes[0]);
$('.list').show();
}
function sub() {
var fileObj = document.getElementById("file").files[0];
var formData = new FormData();
formData.append("file", fileObj);
formData.append("参数", "参数1");
formData.append("参数", "参数2");
var url = "服务器地址";
$.ajax({
url: url,
dataType: "json",
type: "post",
data: formData,
processData: false,
contentType: false,
error: function(err) {
alert("上传失败!");
return;
},
success: function(res) {
console.log(res)
var aa = res.data
var str1 = '服务器地址' + aa;
$("#filePicker_video").append("<video controls='' autoplay='' name='media' id='video'><source src=" + str1 +
" type='video/mp4'></video>");
return;
}
})
}