国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > .NET > 正文

用Fine Uploader+ASP.NET MVC實現ajax文件上傳[代碼示例]

2020-01-18 00:19:42
字體:
來源:轉載
供稿:網友
This project attempts to achieve a user-friendly file-uploading experience over the web. It's built as a Javascript plugin for developers looking to incorporate file-uploading into their website.

Fine Uploader 不依賴于 jQuery,也就是說不引用jquery.js,也可以正常使用。同時,它也提供了 jQuery Wrapper,可以方便地與jQuery集成。
這篇博文中的示例代碼用的就是 Fine Uploader jQuery Wrapper。下面看示例代碼:

Web前端實現

1. 下載jQuery Plug-in Fine Uploader,下載地址:https://github.com/valums/file-uploader/wiki/Releases
武林網Fine Uploader下載地址 //www.survivalescaperooms.com/codes/70040.html
2. html代碼:
復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>圖片上傳 - 博客園</title>
<link href="/css/fineuploader.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="/scripts/jquery.fineuploader-3.0.min.js"></script>
</head>
<body>
<div id="jquery-wrapped-fine-uploader"></div>
<script>
$(function () {
$('#jquery-wrapped-fine-uploader').fineUploader({
request: {
endpoint: '/ImageUploader/ProcessUpload'
}
});
});
</script>
</body>
</html>

代碼說明:
a) <div id="jquery-wrapped-fine-uploader"></div>用于顯示上傳按鈕
b) endpoint 設定的是上傳時服務端處理ajax請求的網址。
3. 瀏覽器中的顯示效果


服務器 ASP.NET MVC 實現代碼
Fine Uploader 的源代碼中用 VB.NET 實現了一個 Controller(UploadController.vb),我們在使用時改為了 C# 代碼:
復制代碼 代碼如下:

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace CNBlogs.Upload.Web.Controllers
{
public class ImageUploaderController : Controller
{
const int ChunkSize = 1024 * 1024;
public ActionResult Upload()
{
return View();
}
public ActionResult ProcessUpload(string qqfile)
{
using (var stream = Request.InputStream)
{
using (var br = new BinaryReader(stream))
{
WriteStream(br, qqfile);
}
}
return Json(new { success = true });
}
private void WriteStream(BinaryReader br, string fileName)
{
byte[] fileContents = new byte[] { };
var buffer = new byte[ChunkSize];
while (br.BaseStream.Position < br.BaseStream.Length - 1)
{
if (br.Read(buffer, 0, ChunkSize) > 0)
{
fileContents = fileContents.Concat(buffer).ToArray();
}
}
using (var fs = new FileStream(@"C://temp//" + DateTime.Now.ToString("yyyyMMddHHmmSS") +
Path.GetExtension(fileName).ToLower(), FileMode.Create))
{
using (var bw = new BinaryWriter(fs))
{
bw.Write(fileContents);
}
}
}
}
}

服務器端實現改進版
復制代碼 代碼如下:

public ActionResult ProcessUpload(string qqfile)
{
using (var inputStream = Request.InputStream)
{
using (var flieStream = new FileStream(@"c:/temp/" + qqfile, FileMode.Create))
{
inputStream.CopyTo(flieStream);
}
}
return Json(new { success = true });
}

圖片上傳結果演示

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 嵩明县| 南城县| 青田县| 榆社县| 伊金霍洛旗| 新竹县| 荆门市| 峨边| 蕲春县| 黄骅市| 昌乐县| 广东省| 咸丰县| 泸定县| 班戈县| 怀仁县| 黑山县| 静宁县| 赤水市| 射阳县| 西畴县| 吉安县| 阜康市| 嘉善县| 盐边县| 启东市| 拉孜县| 库车县| 呼伦贝尔市| 绿春县| 汤阴县| 阳西县| 望城县| 海安县| 祁连县| 黄冈市| 吉隆县| 扎鲁特旗| 汕尾市| 尼勒克县| 芮城县|