asp.net MVC의 FineUploader 업로드 구성 요소

작은 쓰레기 같은 놈들 · 게시됨 2015. 11. 12. 오전 10:18:06

파인 업로더는 Ajax 기술로 구현된 파일 업로드 컴포넌트로, 드래그 앤 드롭 파일 업로드를 지원합니다. 사용하기 쉽고, 해당 CSS+Javascrip{filter}t를 페이지에 도입하면 나머지는 서버 측 처리 로직입니다. 제공하는 다운로드 패키지에는 이미 여러 언어 구현체가 포함되어 있습니다: ASP.NET, ColdFusion, Java, Node.js, Perl, PHP, Python 등.

프런트 데스크:

<div id="fine-uploader"></div>

코드 복사

JS:

$(function () {
$('#fine-uploader').fineUploader({
request: {
endpoint: '/Upload/ProcessUpload'
},
validation: {
allowedExtensions: ['jpeg', 'jpg', 'png'],
sizeLimit: 2097152
},
multiple: false,
text: {
uploadButton: '<div>上传头像</div>',
dropProcessing: "（支持文件拖放上传，只能上传单张2M以下png、jpg、gif图片）"
}
}).on('complete', function (event, id, fileName, responseJson) {
if (responseJson.success) {
//这里是上传成功之后的东西
}
});
});

코드 복사

배경 코드:

[HttpPost]
public ActionResult ProcessUpload(string qqfile)
{
try
{
string uploadFolder = "/Images/Temp/";
string imgName = Guid.NewGuid().ToString("D");
string imgType = Path.GetExtension(qqfile);
string uploadPath = Server.MapPath(uploadFolder);
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
using (var inputStream = Request.InputStream)
{
using (var flieStream = new FileStream(uploadPath + imgName + imgType, FileMode.Create))
{
inputStream.CopyTo(flieStream);
}
}
//获取图片的宽度和高度
//using (FileStream fs = new FileStream(@"1.jpg", FileMode.Open, FileAccess.Read))
//{
// System.Drawing.Image image = System.Drawing.Image.FromStream(fs);
// string width = image.Width.ToString();
// string height = image.Height.ToString();
//}
return Json(new { success = true, message = uploadFolder + imgName + imgType, width = 852, height =1136});
}
catch (Exception ex)
{
return Json(new { fail = true, message = "上传失败!" });
}
}

코드 복사

이것이 js 패키지입니다:

fineuploader.rar (11.47 KB, 다운로드 횟수: 0, 售价: 2 粒MB)

네버 · 게시됨 2019. 5. 29. 오후 1:58:07

좋은 자료 다운로드 방법?

[ASP.NET] asp.net MVC의 FineUploader 업로드 구성 요소

관련 게시물

본 섹션