Javascript ASP.NET MVC文件使用Valums Ajax上载器上载未创建视图

Javascript ASP.NET MVC文件使用Valums Ajax上载器上载未创建视图,javascript,ajax,asp.net-mvc-3,Javascript,Ajax,Asp.net Mvc 3,我按照这个步骤,将js、css和gif放在各自的文件夹中。问题是视图没有显示任何内容 <link href="@Url.Content("~/css/fileuploader.css")" rel="stylesheet" type="text/css" /> <script src="@Url.Content("~/js/fileuploader.js")" type="text/javascript"></script> <div id="file-

我按照这个步骤,将js、css和gif放在各自的文件夹中。问题是视图没有显示任何内容

<link href="@Url.Content("~/css/fileuploader.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/js/fileuploader.js")" type="text/javascript"></script>
<div id="file-uploader">
    <noscript>
        <p>
            Please enable JavaScript to use file uploader.</p>
    </noscript>
</div>
<script type="text/javascript">
var uploader = new qq.FileUploader({
element: document.getElementById('file-uploader'),
action: '@Url.Action("upload")' // put here a path to your page to handle uploading
//,allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'] // user this if you want to upload only pictures
sizeLimit: 4000000, // max size, about 4MB
minSizeLimit: 0 // min size

 });
</script>
页面源

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Home Page</title>
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
</head>
<body>
    <div class="page">
        <header>
            <div id="title">
                <h1>My MVC Application</h1>
            </div>
            <div id="logindisplay">
                    [ <a href="/Account/LogOn">Log On</a> ]

            </div>
            <nav>
                <ul id="menu">
                    <li><a href="/">Home</a></li>
                    <li><a href="/Home/About">About</a></li>
                </ul>
            </nav>
        </header>
        <section id="main">
            <link href="/css/fileuploader.css" rel="stylesheet" type="text/css" />
<script src="/js/fileuploader.js" type="text/javascript"></script>
<div id="file-uploader">
    <noscript>
        <p>
            Please enable JavaScript to use file uploader.</p>
    </noscript>
</div>
<script type="text/javascript">
var uploader = new qq.FileUploader({
element: document.getElementById('file-uploader'),
action: '/Home/upload' // put here a path to your page to handle uploading
//,allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'] // user this if you want to upload only pictures
sizeLimit: 4000000, // max size, about 4MB

minSizeLimit: 0 // min size

 });
</script>

        </section>
        <footer>
        </footer>
    </div>
</body>
</html>

主页
我的MVC应用程序
[  ]
请启用JavaScript以使用文件上载程序

var uploader=new qq.FileUploader({ 元素:document.getElementById('file-uploader'), 操作:'/Home/upload'//在此处放置页面路径以处理上载 //,allowedExtensions:['jpg','jpeg','png','gif']//如果只想上传图片,请使用此选项 sizeLimit:4000000,最大大小,约4MB minSizeLimit:0//最小大小 });
此处有一个应删除的尾随逗号:

minSizeLimit: 0, // min size
你忘了一个逗号:

action: '@Url.Action("upload")' // put here a path to your page to handle uploading
因此,请努力编写有效的javascript:

<script type="text/javascript">
    var uploader = new qq.FileUploader({
        element: document.getElementById('file-uploader'),
        action: '@Url.Action("upload")',
        sizeLimit: 4000000,
        minSizeLimit: 0
    });
</script>

var uploader=new qq.FileUploader({
元素:document.getElementById('file-uploader'),
操作:'@Url.action(“上载”),
限额:400万,
minSizeLimit:0
});

啊,我现在可以看到,你复制粘贴的文章包含相同的错误。对不起,我以为是你的错。请随时通知本文作者其代码中的错误。

生成的源代码是什么?你在Firebug中看到了什么?我已经添加了生成的源代码。查看编辑。现在一切都正常了。谢谢问题是我错过了行动后的逗号。前面的评论是关于你的第一个答案。不管怎样,我现在把它取下来了。
<script type="text/javascript">
    var uploader = new qq.FileUploader({
        element: document.getElementById('file-uploader'),
        action: '@Url.Action("upload")',
        sizeLimit: 4000000,
        minSizeLimit: 0
    });
</script>