Ta članek je zrcalni članek strojnega prevajanja, kliknite tukaj za skok na izvirni članek.

Pogled: 17441|Odgovoriti: 1

[ASP.NET] asp.net MVC-jev FineUploader komponenta za nalaganje

[Kopiraj povezavo]
Objavljeno na 12. 11. 2015 10:18:06 | | | |


Fine Uploader je komponenta za nalaganje datotek, implementirana s tehnologijo Ajax, ki podpira nalaganje datotek z vlečenjem in spustom. Enostavno ga je uporabljati, samo dodaj ustrezni CSS+Javascrip{filter}t v stran, ostalo pa je logika obdelave na strežniški strani. V paketu za prenos, ki ga ponuja, je že več jezikovnih implementacij: ASP.NET, ColdFusion, Java, Node.js, Perl, PHP, Python.

Recepcija:
  1. <div id="fine-uploader"></div>
Kopiraj kodo
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.         });
Kopiraj kodo
Ozadje kode:
  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});

  29.             }
  30.             catch (Exception ex)
  31.             {
  32.                 return Json(new { fail = true, message = "上传失败!" });
  33.             }
  34.         }
Kopiraj kodo
To je js paket: fineuploader.rar (11.47 KB, Število prenosov: 0, 售价: 2 粒MB)




Prejšnji:Taobao in Tmall sta na Double 11 dosegla več kot 90 milijard juanov, Jack Ma pa je kot zmagovalec premagal JD.com in Suninga
Naslednji:Veliko spletnih strani na Kitajskem upravlja clientHold
Objavljeno na 29. 05. 2019 13:58:07 |
Dobri viri Kako prenesti?
Disclaimer:
Vsa programska oprema, programski materiali ali članki, ki jih izdaja Code Farmer Network, so namenjeni zgolj učnim in raziskovalnim namenom; Zgornja vsebina ne sme biti uporabljena v komercialne ali nezakonite namene, sicer uporabniki nosijo vse posledice. Informacije na tej strani prihajajo z interneta, spori glede avtorskih pravic pa nimajo nobene zveze s to stranjo. Zgornjo vsebino morate popolnoma izbrisati z računalnika v 24 urah po prenosu. Če vam je program všeč, podprite pristno programsko opremo, kupite registracijo in pridobite boljše pristne storitve. Če pride do kakršne koli kršitve, nas prosimo kontaktirajte po elektronski pošti.

Mail To:help@itsvse.com