JavaScript中使用webuploader实现上传视频功能(demo)
之前有人让我做一个webuploader上传视频,但是一直没有时间,现在抽出了时间来。来完成以下这个简单的demo
第一步,上传视频和上传图片有什么区别么?
其实是没有的,因为执行的操作都是上传,所以说我们并不用担心上传的问题。
但是webuploader实际上是限制了你上传的参数(这里指的是限制了你的文件扩展名)
我们找到webuploader中的js参数accept中的extensions
accept:{ title:'Images', extensions:'gif,jpg,jpeg,bmp,png', mimeTypes:'image/*' }
这里面我们只需要将gif等后缀改成你需要上传的格式(MP4,AVI等)
这里面改了后我们的后台也要进行修改
[HttpPost] publicActionResultupload(HttpPostedFileBasefile) { if(file!=null&&file.ContentLength>0) { stringfolderpath="/UploadFile/";//上传图片的文件夹 if(!Directory.Exists(folderpath)) { Directory.CreateDirectory(Server.MapPath(folderpath)); } stringext1=Path.GetExtension(file.FileName); if(ext1!=".mp4"&&ext1!=".rmvb"&&ext1!=".avi"&&ext1!=".flv")//笔者这儿修改了后缀的判断 { returnJson(new{statu=201,msg="文件格式不正确!"}); } else { stringname=DateTime.Now.ToString("yyyyMMddHHmmssff"); stringext=Path.GetExtension(file.FileName); stringdownpath=folderpath+name+ext; stringfilepath=Server.MapPath(folderpath)+name+ext; file.SaveAs(filepath); returnJson(new{statu=200,src=downpath,id=name}); } } else { returnJson(new{statu=202,msg="请上传文件!"}); } }
后台的判断也要记得更新哦
完成了这些后我们上传基本上就没有问题了
现在开放下前端的代码
上传视频 上传视频//马上这个会用js实例化
这里面大家也看到了uploader不仅仅可以上传一些最基本的图片视频而且还能上传一些doc文档等杂七杂八的东西啊