1
+ @*
2
+ * jQuery Upload File Plugin C# Implementation Example
3
+ * Developed by Aleixo Porpino Filho
4
+ *@
5
+
6
+ @{
7
+ ViewBag .Title = " Home Page" ;
8
+ Layout = null ;
9
+ }
10
+
11
+ <link href =" https://rawgithub.com/hayageek/jquery-upload-file/master/css/uploadfile.css" rel =" stylesheet" >
12
+ <script src =" http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script >
13
+ <script src =" ~/Content/jquery-upload-file-master/js/jquery.uploadfile.js" ></script >
14
+
15
+ <br />
16
+ <div class =" row" >
17
+ <div class =" col-md-4" >
18
+ <div id =" fileuploader" >Upload</div >
19
+ </div >
20
+ </div >
21
+ <div id =" extrabutton" class =" ajax-file-upload-green" >Start Upload</div >
22
+
23
+ <script >
24
+ // This example show how to use upload plugin with Asp.Net C# MVC
25
+ // The plugin use an extraHTML, download and delete buttons
26
+ $ (document ).ready (function () {
27
+ var extraObj = $ (" #fileuploader" ).uploadFile ({
28
+ url: " ../Home/UploadFile" ,
29
+ statusBarWidth: ' auto' ,
30
+ dragdropWidth: ' auto' ,
31
+ showDelete: true ,
32
+ showDownload: true ,
33
+ autoSubmit: false ,
34
+ showProgress: true ,
35
+ extraHTML : function () {
36
+ var html = " <div><b>File Tags:</b><input type='text' name='tags' value='' /> <br/>" ;
37
+ html += " <b>Category</b>:<select name='category'><option value='1'>ONE</option><option value='2'>TWO</option></select>" ;
38
+ html += " </div>" ;
39
+ return html;
40
+ },
41
+ deleteCallback : function (data , pd ) {
42
+ $ .post (" ../Home/DeleteFile?url=" + data .url ,
43
+ function (resp , textStatus , jqXHR ) {
44
+ // Show Message
45
+ console .log (resp, textStatus);
46
+ alert (resp .msg );
47
+ pd .statusbar .hide (); // You choice.
48
+ });
49
+ },
50
+ downloadCallback : function (json , pd ) {
51
+ console .log (pd);
52
+ window .open (' ../Home/DownloadFile?url=' + json .url , " _blank" );
53
+ }
54
+ });
55
+ $ (" #extrabutton" ).click (function () {
56
+ extraObj .startUpload ();
57
+ });
58
+ });
59
+ </script >
0 commit comments