.net MVC用JQ的问题

glkevin00 2011-02-28 08:45:01

这个代码在view运行是没问题的，但把JQ代码单独弄成一个JS文件后，在view引用时就出现“ 对象不支持此属性或方法”的错误。

出错的代码段如下：

$('#fileInput1').uploadify({
'uploader': '/Content/uploadify.swf',
'script': '/Excel/Import',
'folder': '/UploadFiles',
'cancelImg': '/Content/cancel.png',
'fileExt': '*.xls',
'fileDesc': '*.xls',
'sizeLimit': 1024 * 1024 * 4, //4M
'multi': false,
'onComplete': fun
});

...全文

242 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

glkevin00 2011-02-28

打赏
举报

view部分源码：
<script src="../../Common/Common.js" type="text/javascript"></script>

<div>
<input type="text" id="test" />
<p><input id="fileInput1" name="fileInput1" type="file"/></p>
<p style="margin-top:5px;font-size:14px;font-weight:bold;">
<a href="javascript:if(checkImport()){$('#fileInput1').uploadifySettings('scriptData',{'name':$('#test').val()});$('#fileInput1').uploadifyUpload();}">导入文件</a></p>
<p style="margin-top:5px;font-size:14px;font-weight:bold;"><span id="result"></span></p>
<p>试验</p>
</div>

Common.js源码：
/// <reference path="../Scripts/jquery-1.4.4.min.js" />
/// <reference path="../Scripts/swfobject.js" />
/// <reference path="../Scripts/jquery.uploadify.v2.1.0.min.js" />
/// <reference path="../Content/uploadify.css" />

$(document).ready(function () {
$('#fileInput1').uploadify({
'uploader': '/Content/uploadify.swf',
'script': '/Excel/Import',
'folder': '/UploadFiles',
'cancelImg': '/Content/cancel.png',
'fileExt': '*.xls',
'fileDesc': '*.xls',
'sizeLimit': 1024 * 1024 * 4, //4M
'multi': false,
'onComplete': fun
});

function fun(event, queueID, fileObj, response, data) {
if (response != "") {
showInfo("成功上传" + response, true); //showInfo方法设置上传结果
}
else {
showInfo("文件上传出错！", false);
}
}
//显示提示信息，textstyle2为绿色，即正确信息；textstyl1为红色，即错误信息
function showInfo(msg, type) {
var msgClass = type == true ? "textstyle2" : "textstyle1";
$("#result").removeClass();
$("#result").addClass(msgClass);
$("#result").html(msg);
}
//如果点击‘导入文件’时选择文件为空，则提示
function checkImport() {
if ($.trim($('#fileInput1Queue').html()) == "") {
alert('请先选择要导入的文件！');
return false;
}
return true;
}

})

zell419 2011-02-28

打赏
举报

先引入jquery文件 .
uploadify 是个ajax上次文件的东西吧。

chen_ya_ping 2011-02-28

打赏
举报

贴出你的引用的的HTMl代码

glkevin00 2011-02-28

打赏
举报

终于自己弄好了，唉，原来COPY成单独的JS文件时，不知道哪里弄错了。

glkevin00 2011-02-28

打赏
举报

我疯掉了，现在COPY转植到MVC3，又能行了，看来是原来的JQ源码搞错了。

glkevin00 2011-02-28

打赏
举报

太对不起各位了，刚才发现原来移植过来在VIEW里是不可用的，误导大家了。
请大家帮个忙，怎样把下面的源码改造成.net MVC 3，用Razor，谢谢各位。

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
Uploadify Demo
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="head" runat="server">

<script src="../../Scripts/swfobject.js" type="text/javascript"></script>

<script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<script src="../../Scripts/jquery.uploadify.v2.1.0.min.js" type="text/javascript"></script>

<link href="../../Content/uploadify.css" rel="stylesheet" type="text/css" />

<style type="text/css">
.textstyle1
{
color: Red;
font-weight: bold;
}
.textstyle2
{
color: Green;
font-weight: bold;
}
</style>

<script type="text/javascript">
$(function() {
//上传
$('#fileInput1').uploadify({
'uploader': '/Content/uploadify.swf',
'script': '/Excel/Import',
'folder': '/UploadFiles',
'cancelImg': '/Content/cancel.png',
'fileExt': '*.xls',
'fileDesc': '*.xls',
'sizeLimit': 1024 * 1024 * 4, //4M
'multi': false,
'onComplete': fun
});

});
function fun(event, queueID, fileObj, response, data) {
if (response != "") {
showInfo("成功上传" + response, true); //showInfo方法设置上传结果
}
else {
showInfo("文件上传出错！", false);
}
}
//显示提示信息，textstyle2为绿色，即正确信息；textstyl1为红色，即错误信息
function showInfo(msg, type) {
var msgClass = type == true ? "textstyle2" : "textstyle1";
$("#result").removeClass();
$("#result").addClass(msgClass);
$("#result").html(msg);
}
//如果点击‘导入文件’时选择文件为空，则提示
function checkImport() {
if ($.trim($('#fileInput1Queue').html()) == "") {
alert('请先选择要导入的文件！');
return false;
}
return true;
}
</script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2>Uploadify Demo</h2>

<div>
<input type="text" id="test" />
<p><input id="fileInput1" name="fileInput1" type="file"/></p>
<p style="margin-top:5px;font-size:14px;font-weight:bold;">
<a href="javascript:if(checkImport()){$('#fileInput1').uploadifySettings('scriptData',{'name':$('#test').val()});$('#fileInput1').uploadifyUpload();}">导入文件</a></p>
<p style="margin-top:5px;font-size:14px;font-weight:bold;"><span id="result"></span></p>
</div>
</asp:Content>