基于jQuery的uploadify(flash上传文件)控件v1.6.2 bug修正

     最近在http://www.open-open.com/ajax/Upload.htm上找了好多借用flash来选择文件上传的控件,对基于jQuery的uploadify甚是喜欢。于是就拿来应用到项目中,可是发现个bug,既在<form>标签里使用的话,会提示个脚本错误,找了半天原因,发现网上有贴说在IE浏览器下,将flash对象放在form标签之间的时候,js就会报错(http://www.cnitblog.com/flashlizi/archive/2007/09/10/33202.html),于是按其方法修改了下uploadify供使用

使用代码:

ContractedBlock.gif ExpandedBlockStart.gif Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
    
<title></title>
    
<link href="uploadify.css" rel="stylesheet" type="text/css" />

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

    
<script type="text/javascript" src="jquery.uploadify.js"></script>

</head>
<body>
    
<form runat="server" id="form1">
    
<div>
        
<p>
            
<strong>Single File Upload</strong></p>
        
<input type="text" id="fileInput1" />
        
<br />
        
<a href="javascript:$('#fileInput1').fileUploadStart();">Upload Files</a>
    
</div>

    
<script type="text/javascript">
        $(document).ready(function() {
            $(
'#fileInput1').fileUpload({
                
'uploader''uploader.swf',
                
'script''Handler.ashx',
                
'cancelImg''cancel.png',
                
'folder''upload',
                
'onAllComplete': function() { alert('a'); }
            });

        });
    
</script>

    
</form>
</body>
</html>

 首次打开网页没有脚本错误提示,但是刷新后还会弹出一个错误提示,搞不明白!希望路过的高手能指点下

jquery.uploadify(v1.6.2修改版) 

转载于:https://www.cnblogs.com/hdjjun/archive/2009/03/19/1416692.html

猜你喜欢

转载自blog.csdn.net/weixin_33920401/article/details/94497586