在 ASP.Net 中使用 Uploadify 插件（JQuery）时出现问题答案

【问题标题】：Problem using Uploadify plugin(JQuery) with ASP.Net在 ASP.Net 中使用 Uploadify 插件（JQuery）时出现问题
【发布时间】：2010-11-24 16:14:14
【问题描述】：

我有一个这样的母版页：

...
<head id="Head1" runat="server">
     <asp:ContentPlaceHolder ID="HeadContent" runat="server" />
</head>
...

在我的 Aspx 页面中：

...

<asp:Content ID="HeadContentFromPage" ContentPlaceHolderID="HeadContent" runat="server">
   <link rel="Stylesheet" type="text/css" href="uploadify.css" />
   <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
   <script src="uploadify.v2.1.0.min.js" type="text/javascript"></script>

   <script type="text/javascript">
      jQuery.noConflict();
      jQuery(document).ready(function() {     
         jQuery("#<%=fupImagem.ClientID %>").fileUpload({
                '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>

</asp:Content>
...
 <asp:FileUpload ID="fupImage" runat="server" CssClass="txtBig" />
...

加载该页面时出现该错误：

错误：jQuery("#ctl00_ContentPlaceHolder1_fupImagem").fileUpload 不是函数

知道有什么问题吗？

保罗

【问题讨论】：

您使用的是哪个版本的uploadify？最近的更新之一将上传命令从 fileUpload() 更改为 uploadifyUpload()。
顺便说一句，如果您要使用其全名引用 jQuery，则无需调用 jQuery.noConflict()。这仅适用于您要使用 $ 别名，因此它不会与其他 js 库冲突。

标签： asp.net javascript jquery upload

【解决方案1】：

jQuery("#<%=fupImagem.ClientID %>").uploadify({

它在 2.0.0 版本中从 fileUpload 更改为 uploadify。见changelog：

Function changed to uploadify()
fileUpload()           – uploadify()
fileUploadStart()      - uploadifyUpload()
fileUploadSettings()   - uploadifySettings()
fileUploadCancel()     - uploadifyCancel()
fileUploadClearQueue() – uploadifyClearQueue()

【讨论】：