индикатор загрузки файла в реальном времени с помощью Uploadify - PullRequest
Новая
       56

индикатор загрузки файла в реальном времени с помощью Uploadify

0 голосов
/ 14 февраля 2019

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

Это моя HTML-страница: 

@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head> 
<meta name="viewport" content="width=device-width" />
<title>::Uploadify Example::</title>
<script type="text/javascript" src="http://code.jquery.com/jquery- 
1.7.2.min.js"></script>

<script src="~/Content/jquery.uploadify.js"></script>
<script src="~/Content/jquery.uploadify.min.js"></script>

<link rel="stylesheet" type="text/css" 
href="@Url.Content("~/Content/uploadify.css")" />
<script type="text/javascript">
    $(function () {
        $('#file_upload').uploadify({
            'swf': "@Url.Content("~/Content/uploadify.swf")",

            'uploader': "@Url.Action("UploadFile", "Home")",
            'onUploadSuccess': function (file, data, response) {

                $("#uploaded").append("<img src='" + data + "' 
alt='Uploaded Image' />");
            }
        });
    });
</script>
</head>
<body>
<div>
    Click Select files to upload files.
    <input type="file" name="file_upload" id="file_upload" />
</div>
<div id="uploaded">
</div>
</body>
</html>

Мой контроллер: 

    [HttpPost]
    public ActionResult UploadFile()
    {
        var file = Request.Files["Filedata"];
        string savePath = Server.MapPath(@"~\Content\" + file.FileName);
        file.SaveAs(savePath);

        return Content(Url.Content(@"~\Content\" + file.FileName));
    }

Я также не получаю никаких ошибок консоли ... пожалуйста, сообщите мне.

...