Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Architect_Programmer_Code Landwirtschaftsnetzwerk»Architekt › Programmieren › .Net/C # › asp.net MVCs FineUploader-Upload-Komponente
Ansehen: 17441|Antwort: 1

[ASP.NET] asp.net MVCs FineUploader-Upload-Komponente

[Link kopieren]
Veröffentlicht am 12.11.2015 10:18:06 | | | |


Fine Uploader ist eine Datei-Upload-Komponente, die mit Ajax-Technologie implementiert wurde und das Drag-and-Drop-Uploaden von Dateien unterstützt. Es ist einfach zu bedienen, man fügt einfach das entsprechende CSS+Javascrip{filter}t in die Seite ein, und der Rest ist nur serverseitige Verarbeitungslogik. Im bereitgestellten Downloadpaket gibt es bereits mehrere Sprachimplementierungen: ASP.NET, ColdFusion, Java, Node.js, Perl, PHP, Python.

Rezeption:
  1. <div id="fine-uploader"></div>
Code kopieren
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.         });
Code kopieren
Hintergrundcode:
  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.         }
Code kopieren
Das ist das JS-Paket: fineuploader.rar (11.47 KB, Anzahl der Downloads: 0, 售价: 2 粒MB)




Vorhergehend:Taobao und Tmall beendeten mit einem Umsatz von über 90 Milliarden Yuan bei Double 11, und Jack Ma besiegte JD.com und Suning als Sieger
Nächster:Viele Websites in China werden von clientHold gehalten

Verwandte Beiträge
Veröffentlicht am 29.05.2019 13:58:07 |
Gute Ressourcen Wie kann man herunterladen?
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.
Mail To:help@itsvse.com