这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 webuploader 实现上传视频功能, 通过本文给大家介绍了上传视频和上传图片的区别讲解,非常不错,具有参考借鉴价值,需要的朋友可以参考下
之前有人让我做一个 webuploader 上传视频,但是一直没有时间,现在抽出了时间来。来完成以下这个简单的 demo
第一步,上传视频和上传 图片有什么区别么?
其实是没有的,因为执行的操作都是上传,所以说我们并不用担心上传的问题。
但是 webuploader 实际上是限制了你上传的参数 (这里指的是限制了你的文件扩展名)
我们找到 webuploader 中的 js 参数 accept 中的 extensions
- accept: {
- title: 'Images',
- extensions: 'gif,jpg,jpeg,bmp,png',
- mimeTypes: 'image/*'
- }
这里面我们只需要将 gif 等后缀改成你需要上传的格式 (MP4,AVI 等)
这里面改了后我们的后台也要进行修改
- [HttpPost] public ActionResult upload(HttpPostedFileBase file) {
- if (file != null && file.ContentLength > 0) {
- string folderpath = "/UploadFile/"; //上传图片的文件夹
- if (!Directory.Exists(folderpath)) {
- Directory.CreateDirectory(Server.MapPath(folderpath));
- }
- string ext1 = Path.GetExtension(file.FileName);
- if (ext1 != ".mp4" && ext1 != ".rmvb" && ext1 != ".avi" && ext1 != ".flv") //笔者这儿修改了后缀的判断
- {
- return Json(new {
- statu = 201,
- msg = "文件格式不正确!"
- });
- } else {
- string name = DateTime.Now.ToString("yyyyMMddHHmmssff");
- string ext = Path.GetExtension(file.FileName);
- string downpath = folderpath + name + ext;
- string filepath = Server.MapPath(folderpath) + name + ext;
- file.SaveAs(filepath);
- return Json(new {
- statu = 200,
- src = downpath,
- id = name
- });
- }
- } else {
- return Json(new {
- statu = 202,
- msg = "请上传文件!"
- });
- }
- }
后台的判断也要记得更新哦
完成了这些后我们上传基本上就没有问题了
现在开放下前端的代码
- <tr>
- <td>
- 上传视频
- </td>
- <td>
- <div id="upl">
- 上传视频
- </div>
- //马上这个会用js实例化
- </td>
- </tr>
- <script>
- var uploader;
- $(function() {
- uploader = WebUploader.create({
- auto: true,
- swf: '/Scripts/Uploader.swf',
- server: '@Url.Action("Upload")',
- //控制器
- pick: '#upl',
- accept: {
- title: 'Images',
- extensions: 'mp4,flv,jpeg,bmp,doc,docx,rar,pdf',
- }
- })
- });
- </script>
这里面大家也看到了 uploader 不仅仅可以上传一些最基本的图片视频而且还能上传一些 doc 文档等杂七杂八的东西啊
来源: http://www.phperz.com/article/17/0518/334166.html