JavaScript 에서 webuploader 를 사용 하여 비디오 업로드 기능(demo)을 실현 합 니 다.
2545 단어 webuploader업로드비디오
첫 번 째,동 영상 을 올 리 는 것 과 사진 을 올 리 는 것 은 어떤 차이 가 있 습 니까?
사실 없습니다.실 행 된 동작 이 모두 업로드 되 어 있 기 때문에 올 리 는 문 제 는 걱정 하지 않 아 도 됩 니 다.
하지만 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 문서 등 잡다 한 것 도 올 릴 수 있 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
springboot webuploader 사진이 칠우운에 올라왔습니다.우선 칠우운을 등록해야 한다. 백엔드pom.xml 파일 설정은 플러그인에 의존합니다. application.properties 자원 파일 설정 application-dev.properties 자원 구성 Applica...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.