Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Pohled: 17441|Odpověď: 1

[ASP.NET] asp.net Komponenta pro nahrávání FineUploader v MVC

[Kopírovat odkaz]
Zveřejněno 12.11.2015 10:18:06 | | | |


Fine Uploader je komponenta pro nahrávání souborů implementovaná technologií Ajax, která podporuje nahrávání souborů pomocí drag-and-drop. Je to snadné na použití, stačí do stránky vložit odpovídající CSS+Javascrip{filter}t a zbytek je jen logika zpracování na straně serveru. V balíčku ke stažení je již několik implementací jazyků: ASP.NET, ColdFusion, Java, Node.js, Perl, PHP, Python.

Recepce:
  1. <div id="fine-uploader"></div>
Kopírovat kód
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.         });
Kopírovat kód
Kód pozadí:
  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.         }
Kopírovat kód
Toto je js balíček: fineuploader.rar (11.47 KB, Počet stažení: 0, 售价: 2 粒MB)




Předchozí:Taobao a Tmall skončili s prodeji přesahujícími 90 miliard jüanů na Double 11 a Jack Ma porazil JD.com a Suning jako vítěz
Další:Mnoho webových stránek v Číně je vlastněno klientHoldem
Zveřejněno 29.05.2019 13:58:07 |
Dobré zdroje Jak stáhnout?
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.

Mail To:help@itsvse.com