JavaScript 에서 webuploader 를 사용 하여 비디오 업로드 기능(demo)을 실현 합 니 다.

전에 어떤 사람 이 나 에 게 웹 업로드 기 를 만들어 동 영상 을 올 리라 고 했 지만 시간 이 없어 서 지금 은 시간 을 냈 다.이 간단 한 demo 를 완성 하 겠 습 니 다.
첫 번 째,동 영상 을 올 리 는 것 과 사진 을 올 리 는 것 은 어떤 차이 가 있 습 니까?
사실 없습니다.실 행 된 동작 이 모두 업로드 되 어 있 기 때문에 올 리 는 문 제 는 걱정 하지 않 아 도 됩 니 다.
하지만 webuploader 는 실제로 업로드 한 인 자 를 제한 합 니 다.(파일 확장 자 를 제한 하 는 것 을 말 합 니 다)
웹 uploader 의 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 문서 등 잡다 한 것 도 올 릴 수 있 습 니 다.