最近在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供使用
使用代码:
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修改版)