Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Programowanie › .Net/C # › asp.net Komponent FineUploader MVC
Widok: 17441|Odpowiedź: 1

[ASP.NET] asp.net Komponent FineUploader MVC

[Skopiuj link]
Opublikowano 12.11.2015 10:18:06 | | | |


Fine Uploader to komponent do przesyłania plików zaimplementowany w technologii Ajax, który obsługuje przesyłanie plików typu przeciągnij i upuść. Jest łatwy w obsłudze, wystarczy wprowadzić odpowiedni CSS+Javascrip{filter}t do strony, a reszta to logika przetwarzania po stronie serwera. W pakiecie, który udostępnia, jest już kilka implementacji języków: ASP.NET, ColdFusion, Java, Node.js, Perl, PHP, Python.

Recepcja:
  1. <div id="fine-uploader"></div>
Skopiuj kod
JS:
  1. $(function () {
  2.             $('#fine-uploader').fineUploader({
  3.                 request: {
  4.                     endpoint: '/Upload/ProcessUpload'
  5.                 },
  6.                 validation: {
  7.                     allowedExtensions: ['jpeg', 'jpg', 'png'],
  8.                     sizeLimit: 2097152
  9.                 },
  10.                 multiple: false,
  11.                 text: {
  12.                     uploadButton: '<div>上传头像</div>',
  13.                     dropProcessing: "（支持文件拖放上传，只能上传单张2M以下png、jpg、gif图片）"
  14.                 }
  15.             }).on('complete', function (event, id, fileName, responseJson) {
  16.                 if (responseJson.success) {
  17.                     
  18.                     //这里是上传成功之后的东西
  19.                 }
  20.             });
  21.             
  22.         });
Skopiuj kod
Kod tła:
  1. [HttpPost]
  2.         public ActionResult ProcessUpload(string qqfile)
  3.         {
  4.             try
  5.             {
  6.                 string uploadFolder = "/Images/Temp/";
  7.                 string imgName = Guid.NewGuid().ToString("D");
  8.                 string imgType = Path.GetExtension(qqfile);
  9.                 string uploadPath =  Server.MapPath(uploadFolder);
  10.                 if (!Directory.Exists(uploadPath))
  11.                 {
  12.                     Directory.CreateDirectory(uploadPath);
  13.                 }
  14.                 using (var inputStream = Request.InputStream)
  15.                 {
  16.                     using (var flieStream = new FileStream(uploadPath + imgName + imgType, FileMode.Create))
  17.                     {
  18.                         inputStream.CopyTo(flieStream);
  19.                     }
  20.                 }
  21.                 //获取图片的宽度和高度
  22.                 //using (FileStream fs = new FileStream(@"1.jpg", FileMode.Open, FileAccess.Read))
  23.                 //{
  24.                 //    System.Drawing.Image image = System.Drawing.Image.FromStream(fs);
  25.                 //    string width = image.Width.ToString();
  26.                 //    string height = image.Height.ToString();
  27.                 //}  
  28.                 return Json(new { success = true, message = uploadFolder + imgName + imgType, width = 852, height =1136});

  30.             }
  31.             catch (Exception ex)
  32.             {
  33.                 return Json(new { fail = true, message = "上传失败!" });
  34.             }
  35.         }
Skopiuj kod
Oto pakiet js: fineuploader.rar (11.47 KB, Liczba pobranych plików: 0, 售价: 2 粒MB)




Poprzedni:Taobao i Tmall zakończyły z osiągnięciami sprzedaży przekraczającej 90 miliardów juanów na Double 11, a Jack Ma pokonał JD.com i Suninga jako zwycięzca
Następny:Wiele stron internetowych w Chinach jest zarządzanych przez clientHold

Powiązane wpisy
Opublikowano 29.05.2019 13:58:07 |
Dobre materiały Jak pobrać?
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com