Home/ Questions/Q 6726351
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T09:55:02+00:00

I’m looking for good ajax upload solution. I tried to use 1) SWFUpload (it

  • 0

I’m looking for good ajax upload solution.

I tried to use

1) SWFUpload (it is work fine but only for one file)

2) Jquery Ajax plugin (it’s not working and it doesn’t support progressbar in IE)

I’d like to ask you what solutions do you use for Uploading multiple files with progress bar?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Personally I like Valums Ajax Upload.

    UPDATE:

    As requested in the comments section here’s an example of how this could be used with ASP.NET MVC.

    Controller:

    public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Upload(string qqFile)
    {
        // The upload action will be called by the client control
        // for each file that was selected by the user for upload

        var path = Server.MapPath("~/App_Data");
        var file = Path.Combine(path, qqFile);
        using (var output = System.IO.File.Create(file))
        {
            Request.InputStream.CopyTo(output);
        }
        return Json(new { success = true });
    }
}

    View (~/Views/Home/Index.cshtml):

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Ajax Upload demo with ASP.NET MVC</title>
    <link href="@Url.Content("~/Content/fileuploader.css")" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="file-uploader">       
        <noscript>          
            <p>Please enable JavaScript to use file uploader.</p>
            <!-- or put a simple form for upload here -->
        </noscript>         
    </div>

    <script src="@Url.Content("~/Scripts/fileuploader.js")" type="text/javascript"></script>
    <script type="text/javascript">
        var uploader = new qq.FileUploader({
            element: document.getElementById('file-uploader'),
            action: '@Url.Action("Upload", "Home")'
        });    
    </script>
</body>
</html>
    • 0