mvc中实现视频自动上传

阅读: 评论:0

 mvc中实现视频自动上传

< mvc中实现视频自动上传

         在视频上传这儿做了好长时间,想了很多办法。因为想做的是当点击图标的时候就让视频自动开始上传不需要点提交按钮,而上传控件file需要点击提交按钮之后才能上传。        

<body><div class="container"><div class="panel "><div class="header"><p>上传视频</p></div><div class="panel-body"><div class="row-fluid"><div class="picture"><img style="cursor: pointer;" alt="" id="shangchuan" src="../../images/上传图标.jpg" /></div><div class="picture2">@* @using (Html.BeginForm("Index", "UpLoad", FormMethod.Post, new { enctype = "multipart/form-data" })){ *@<form name="form1" action="/Upload" method ="post"enctype = "multipart/form-data" ><input type="file" name="file" id="myfile" value="" onchange ="UploadFile();" />@*<input type="submit" name="Submit" id="Submit" />*@ </form>@* }*@</div></div><div class="t">上传视频,即表示您已同意<a href="Declaration"><strong>校园视频上传服务条款</strong></a>,请勿上传色情,反动等违法视频</div><hr /></div></div></div></body>

      效果如图:

   

    当鼠标出现在图片周围一定范围内即可点击选择文件,文件选完之后自动触发form里面的提交就会自动上传。

   Controller 里:     

public class UpLoadController : Controller{//GET: /UpLoad/public ActionResult Index(){return View();}public ActionResult Declaration(){return View();}[AcceptVerbs(HttpVerbs.Post)]public ActionResult Index(HttpPostedFileBase file,  uploadModel model){if (file.ContentLength > 0){//获得保存路径string filePath = Path.Combine(HttpContext.Server.MapPath("~/Uploads"),Path.GetFileName(file.FileName));file.SaveAs(filePath);model.vedio = filePath;model.Id = Guid.NewGuid();//model.Id=Request["text"];uploadDB.UploadModel.AddVedio(model);}return View();}}
              视频的上传完成了,下一步就是要完成如何让进度条跟视频上传同步,这又是一个难点。还要继续攻克。

       

本文发布于:2024-02-03 00:09:49,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170689018747370.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:上传   视频   asp   net   mvc
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23