Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Architect_Programmer_Code Сільськогосподарська мережа»Архітектор › Програмування › .Net/C # › asp.net компонент завантаження MVC FineUploader
Вид: 17441|Відповідь: 1

[ASP.NET] asp.net компонент завантаження MVC FineUploader

[Копіювати посилання]
Опубліковано 12.11.2015 10:18:06 | | | |


Fine Uploader — це компонент завантаження файлів, реалізований за допомогою технології Ajax, який підтримує завантаження файлів за допомогою перетягування. Він простий у використанні, просто введіть відповідний CSS+Javascrip{filter}t на сторінку, а решта — це просто логіка обробки на сервері. У пакеті завантаження вже є кілька мовних реалізацій: ASP.NET, ColdFusion, Java, Node.js, Perl, PHP, Python.

Рецепція:
  1. <div id="fine-uploader"></div>
Копія коду
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.         });
Копія коду
Фоновий код:
  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.         }
Копія коду
Ось пакет js: fineuploader.rar (11.47 KB, Кількість завантажень: 0, 售价: 2 粒MB)




Попередній:Taobao і Tmall завершили з продажами, що перевищили 90 мільярдів юанів на Double 11, а Джек Ма переміг JD.com та Suning як переможець
Наступний:Багато вебсайтів у Китаї належать clientHold

Пов'язані дописи
Опубліковано 29.05.2019 13:58:07 |
Хороші ресурси. Як завантажити?
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.
Mail To:help@itsvse.com