Home/ Questions/Q 5953409
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T17:49:18+00:00

Why doesn’t the file input element show up at all??? see code and screen

  • 0

Why doesn’t the file input element show up at all??? see code and screen shot below. I’ve spent the last few hours researching this on every forum I can find. I cannot get a consistent answer.

<!DOCTYPE html>
<html>
<head><title>

    Home Page

</title><link href="mvc3/Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="/mvc3/Scripts/jquery-1.5.1.js" type="text/javascript"></script>
    <script src="/mvc3/uploadify/jquery.uploadify.v2.1.4.js" type="text/javascript"></script>
    <script src="/mvc3/uploadify/swfobject.js" type="text/javascript"></script>
        <script type="text/javascript">
            jQuery.noConflict();
            jQuery(document).ready(function () {
                jQuery("#dr405").uploadify({
                    'uploader': 'uploadify.swf',
                    'cancelImg': 'cancel.png',
                    'buttonText': 'Browse Files',
                    'script': 'Uploader.ashx',
                    'folder': 'uploads',
                    'fileDesc': 'Image Files',
                    'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
                    'multi': true,
                    'auto': true
                });
            }); 
    </script> 
</head>
<body>
    <div class="page">
        <div id="header">
            <div id="title">
                <h1>My MVC Application</h1>
            </div>
            <div id="logindisplay">

        Welcome <strong>dougrchamberlain</strong>!
        [ <a href="/mvc3/Account/LogOff">Log Off</a> ]

            </div> 
            <div id="menucontainer">
                <ul id="menu">
                    <li><a href="/mvc3/">Home</a></li>
                    <li><a href="/mvc3/Home/About">About</a></li>
                </ul>
            </div>
        </div>
        <div id="main">

    <h2>Welcome to ASP.NET MVC!</h2>

    <p>Please upload your return</p>   
    <input type="file" name="dr405" id="dr405" />


            <div id="footer">
            </div>
        </div>
    </div>
</body>
</html>

enter image description here

Update

After fixing the url references. To actually point to the files in question, here is what I am seeing on my end.

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The url to the uploadify.swf looks wrong. I would recommend you always using URL helpers when dealing with urls:

    jQuery("#dr405").uploadify({
    'uploader': '@Url.Content("~/mvc3/uploadify/uploadify.swf")',
    'cancelImg': 'cancel.png',
    ...
});
    • 0