MVC 4/5 pluploader v2.1.9

Так что я пытаюсь получить pluploader v2.1.9 для работы с MVC 4 или 5, я должен полностью потерять Идею, потому что я не могу найти учебник или действительно что-нибудь, что входит в детали с Это. Я googled и искал этот сайт и не нашел реального ответа.MVC 4/5 pluploader v2.1.9

Я пытаюсь получить UI виджет для работы, так что я следовал указаниям на сайте here и ввели код из UI Widget это дает мне зачитать говоря:

Ваш браузер не поддержка Flash, Silverlight или HTML5.

Возможно, я слишком новичок в MVC или отсутствует ключевой элемент здесь. Любая помощь будет благодарна.

Заранее спасибо.

источник

2016-08-23 whisk

Итак, я получаю голосу без объяснения причин ... – whisk

Проверить этот пример: MVC4 ASP.Net Example

источник

2016-08-23 20:15:34

Эта помощь поможет мне начать, и я смог выяснить, как реализовать виджет UI. Спасибо! – whisk

Ключ к представлению был связующей все внешние файлы, и делать это правильно The View

@{ 
Layout = null; 
} 

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<title>UI Widget</title> 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" /> 
<link rel="stylesheet" href="Scripts/js/jquery.ui.plupload/css/jquery.ui.plupload.css" type="text/css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> 
<!-- production --> 
<script type="text/javascript" src="Scripts/js/plupload.full.min.js"></script> 
    <script type="text/javascript" src="Scripts/js/jquery.ui.plupload /jquery.ui.plupload.js"></script> 

</head> 
<body style="font: 13px Verdana; background: #eee; color: #333"> 

<form id="form" method="post" action=""> 
    <div id="uploader"> 
     <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p> 
    </div> 
    <br /> 
</form> 
<script type="text/javascript"> 
    // Initialize the widget when the DOM is ready 
    $(function() { 
     $("#uploader").plupload({ 
      // General settings 
      runtimes: 'html5,flash,silverlight,html4', 
      //url: 'Scripts/upload.php', 
      url: 'Home/Upload', 
      // User can upload no more then 20 files in one go (sets multiple_queues to false) 
      max_file_count: 20, 

      chunk_size: '1mb', 

      // Resize images on clientside if we can 
      resize: { 
       width: 200, 
       height: 200, 
       quality: 90, 
       crop: true // crop to exact dimensions 
      }, 

      filters: { 
       // Maximum file size 
       max_file_size: '1000mb', 
       // Specify what files to browse for 
       mime_types: [ 
        { title: "Image files", extensions: "jpg,gif,png" }, 
        { title: "Zip files", extensions: "zip" } 
       ] 
      }, 

      // Rename files by clicking on their titles 
      rename: true, 

      // Sort files 
      sortable: true, 

      // Enable ability to drag'n'drop files onto the widget (currently only HTML5 supports that) 
      dragdrop: true, 

      // Views to activate 
      views: { 
       list: true, 
       thumbs: true, // Show thumbs 
       active: 'thumbs' 
      }, 

      // Flash settings 
      flash_swf_url: 'Scripts/js/Moxie.swf', 

      // Silverlight settings 
      silverlight_xap_url: 'Scripts/js/Moxie.xap' 
     }); 


     // Handle the case when form was submitted before uploading has finished 
     $('#form').submit(function (e) { 
      // Files in queue upload them first 
      if ($('#uploader').plupload('getFiles').length > 0) { 

       // When all files are uploaded submit form 
       $('#uploader').on('complete', function() { 
        $('#form')[0].submit(); 
       }); 

       $('#uploader').plupload('start'); 
      } else { 
       alert("You must have at least one file in the queue."); 
      } 
      return false; // Keep the form from submitting 
     }); 
    }); 
</script>

Тогда есть контроллер, который был тем, что я получил из ссылки, приведенной выше.

HomeController

using System; 
using System.Web.Mvc; 

namespace PluploadMVC4Demo.Controllers 
{ 
    public class HomeController : Controller 
{ 

    public ActionResult Index() 
    { 
     return View(); 
    } 

    public ActionResult Upload() 
    { 
     for (int i = 0; i < Request.Files.Count; i++) 
     { 
      var file = Request.Files[i]; 
      file.SaveAs(AppDomain.CurrentDomain.BaseDirectory + "Uploads/" + file.FileName); 
     } 
     return Json(new { success = true }, JsonRequestBehavior.AllowGet); 
    } 

}

}

Вы должны добавить папку под названием Добавленные к корневой директории для хранения файлов. , поэтому ваша файловая структура должна выглядеть примерно так.

Единственная проблема теперь о том, как сохранить текущий файл, который загружается из более чем избавления существующих файлов с тем же именем.

источник

2016-08-24 14:34:13 whisk

MVC 4/5 pluploader v2.1.9

ответ

Смежные вопросы