2

Como implementar o upload de múltiplos arquivos com o uploadf? Acho muito interessante usar as barras de upload etc.

está dando este erro:

Este é meu controller:

Podem notar que tem muitas mensagens de erro também.

Código da View:

<script type="text/javascript">
    $(function () {
        $('#file_upload').uploadify({
            'swf': "@Url.Content("~/Content/UploadifyContent/uploadify.swf")",
            'cancelImg': "@Url.Content("~/Content/UploadifyContent/uploadify-cancel.png")",
            'uploader': "@Url.Action("Upload", "Photo")",            
            'buttonText': 'SELECIONAR',
            'onUploadSuccess': function (file, data, response) {
                $("#uploaded").append("<img src='" + data + "' alt='Uploaded Image' />");
            }
        });
    });
</script>

1 Resposta 1

4

A resposta original recomendava utilizar o pacote NuGet:

https://www.nuget.org/packages/Uploadfy/

Mas ele é antigo e pode não servir se a versão do jQuery for das mais recentes. Então faça o download do Zip neste endereço:

http://www.uploadify.com/download/

Coloque os arquivos no seu projeto da seguinte forma:

  • ~/Scripts/jquery.uploadify.js
  • ~/Content/UploadifyContent/uploadify.swf
  • ~/Content/UploadifyContent/uploadify-cancel.png
  • ~/Content/UploadifyContent/uploadify.css

Exemplo de View

@{
    ViewBag.Title = "Index";
}

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Upload Files</title>
    @Scripts.Render("~/bundles/jquery")
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.uploadify.js")"></script>       
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/UploadifyContent/uploadify.css")" />

    <script type="text/javascript">
        $(function () {
            $('#file_upload').uploadify({
                'swf': "@Url.Content("~/Content/UploadifyContent/uploadify.swf")",
                'cancelImg': "@Url.Content("~/Content/UploadifyContent/uploadify-cancel.png")",
                'uploader': "@Url.Action("Upload", "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>

Exemplo de Controller (Controllers\HomeController.cs)

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

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

    return Content(Url.Content(@"~\Content\" + file.FileName));
}
7
  • Fiz tudo isso e nada... Não consigo instalar o package pois a versão do jQuery usada no pacote é muito antiga e preciso da versão que uso neste projeto. Tentei adicionar na mão e não consegui... consegue me explicar como adicionar de outra forma? Commented 13/03/2014 às 20:50
  • @LuizNegrini Atualizei a resposta. Veja agora. Commented 13/03/2014 às 21:12
  • Ainda não aparece nada da forma que falaste... derrepente seria mais interessante implementar na mão... só sei que não aparece nada quando clico no button de confirmar no final do form. Commented 13/03/2014 às 22:53
  • ótimo, porém toda foto que adiciono ele rejeita. Da o 404 na descrição. Commented 14/03/2014 às 0:39
  • @LuizNegrini Esqueci de dizer que os métodos são implementados no HomeController para este exemplo. Vou alterar novamente a resposta. Commented 14/03/2014 às 4:05

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .