利用bootstrap上传视频文件，mvc做后台处理

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    @Styles.Render("~/Content/MUI/css/MUICore")
    @Styles.Render("~/Content/MUI/css/MUIALL")
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <link href="~/Content/fileinput.css" rel="stylesheet" />
    <style type="text/css">
        label {
            font-size: small;
            font-weight: normal;
            padding: 4% 0 0 6% !important;
        }
    </style>
</head>
<body>
    <div>
        <label>
            <input type="file" id="file" multiple class="projectfile" data-overwrite-initial="false" data-min-file-count="1" />
        </label>
        <input id="Imgurl" hidden="hidden" />
        <input id="Imgname" hidden="hidden" />
    </div>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/MUIALL")
    <script src="~/Content/Scripts/bootstrap.js"></script>
    <script src="~/Content/Scripts/fileinput.js"></script>
    <script src="~/Content/Scripts/fileinput_locale_zh.js"></script>
    <script type="text/javascript" charset="utf-8">
        $(function () {
            var List = [];
            var imgulr = "";
            $("#file").fileinput({
                language: 'zh',
                uploadUrl: '../PlayVideo/SaveFile', //后台处理链接
                uploadExtraData: function (previewId, index) {   //额外参数的关键点
                    var obj = {};
                    obj.sqlpath = imgulr;
                    console.log(obj);
                    return obj;
                },
                uploadAsync: false,
                overwriteInitial: false,
                dropZoneEnabled: false,
                showPreview: true,
                showRemove: false,
                showUpload: false,
            }).on('filepreajax', function (event, previewId, index) {
                imgulr = $("#Imgurl").val();
            }).on("fileclear", function (event, data, msg) {
                List = [];
                $("#Imgurl").val("");
            }).on('filebatchselected', function (event, files) {//选中文件事件
                $(this).fileinput("upload");
            }).on("filebatchuploadsuccess", function (event, data, previewId, index) {
                $("#Imgurl").val(data.response);
                var name = data.response.split(';');  //文件上传成功返回的文件名，可返回自定义文件名
                List = [];
                for (var i = 0; i < name.length - 1; i++) {
                    var newname = name[i].split('/');
                    List.push({ FileName: "" + newname[2] + "" });
                }
            })
            $("#file").fileinput({ 'showUpload': false, 'previewFileType': 'any' });
            var opinionID = "";
            var urlhref = window.location.href;
            if (urlhref.indexOf("?") >= 0) {
                var urlt = urlhref.split("?");
                var gets = urlt[1].split("&");
                for (var i = 0; i < gets.length; i++) {
                    var get = gets[i].split("=");
                    if (get[0] == "opinionID") {
                        opinionID = get[1];
                        break;
                    }
                }
            }
        });
    </script>
</body>
</html>

上面是前端页面，下面添加后台处理程序

/// <summary>
/// 保存上传文件
/// </summary>
/// <param name="sqlpath">路径</param>
/// <returns></returns>
public ActionResult SaveFile(string sqlpath)
{
//获取前端传过来的文件
var files = HttpContext.Request.Files;
//设置上传文件存储的文件名
string str = "files";
//获取当前程序运行的物理地址
string uploadPath = HttpRuntime.AppDomainAppPath.ToString() + str + "\\";
for (int i = 0; i < files.Count; i++)
{
HttpPostedFileBase file = files[i];
if (file != null)
{
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
string name = file.FileName;
string ext = Path.GetExtension(name);
string newname = DateTime.Now.ToString("yyyyMMddHHmmssfff") + ext;
sqlpath = "../" + str + "/" + newname; 
string fullName = uploadPath + newname;
file.SaveAs(fullName);
//string len1 = GetMediaTimeLen(fullName);
//获取视频的秒数
int videoSeconds = GetMediaTimeLenSecond(fullName); 
//往数据库里面进行存储 
videoSave vs = new videoSave();
vs.guid = Guid.NewGuid().ToString();
vs.videoPath = sqlpath;
vs.videoLengthTime = videoSeconds;
vs.videoHasTime = 0;
vs.videoStatus = "未观看";
db.Entry(vs).State = EntityState.Added;
db.SaveChanges();
}
}
return Json(sqlpath, JsonRequestBehavior.AllowGet);
}

下面这个是获取视频文件总时长的方法,按照秒数进行计算，计算出一共多少秒

/// <summary>
        /// 获取视频的秒数
        /// </summary>
        /// <param name="path">该视频对应的路径</param>
        /// <returns></returns>
        public static int GetMediaTimeLenSecond(string path)
        {
            System.Type objType = System.Type.GetTypeFromProgID("Shell.Application");
            dynamic shell = System.Activator.CreateInstance(objType);
            //文件路径
            dynamic folder = shell.NameSpace(path.Substring(0, path.LastIndexOf("\\")));
            //文件名称
            dynamic folderitem = folder.ParseName(path.Substring(path.LastIndexOf("\\") + 1));
            string len;
            if(Environment.OSVersion.Version.Major>=6)
            {
                len = folder.GetDetailsOf(folderitem, 27);
            }
            else
            {
                len = folderitem.GetDetailsOf(folderitem, 21);
            }
            string[] str = len.Split(new char[] { ':' });
            int sum = 0;
            sum = int.Parse(str[0]) * 60 * 60 + int.Parse(str[1]) * 60 + int.Parse(str[2]);
            return sum;
        }

运行结果:

存储到数据库中:

新人笔记，防止以后遗忘，如有问题，请留言，不胜感激

利用bootstrap上传视频文件，mvc做后台处理

猜你喜欢