在ie6下不兼容的问题:对象不支持此属性或方法的问题 主要是犹豫ie6下加载swf出错,所以加上一个动态参数每次调用都会从服务器上获取最新的,这样就不会出错了
<input type="text" id="test" />
@*<div id="wrapper1">
<p><input id="fileInput1" name="fileInput1" type="file"/></p>
<div id="uploadQueue" class="uploadQueue flash"></div>
<div id="startUpload"></div>
<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> *@
<div class="edui-dialog-wrap" id="wrapper">
<div id="edui135_body" class="edui-dialog-body" style="width: 480px; height: 427px; ">
<div class="edui-dialog-shadow"></div>
<div id="" class="edui-dialog-content">
<span id="edui135_contmask" class="dialogcontmask"></span>
@*<iframe id="edui135_iframe" class="iframe" height="100%" width="100%" frameborder="0" src="/ueditor/dialogs/attachment/attachment.html"></iframe>*@
<div id="wrapper1">
<p><input id="fileInput1" name="fileInput1" type="file"/></p>
<div id="uploadQueue" class="uploadQueue flash"></div>
<div id="startUpload"></div>
<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>
</div>
<div class="edui-dialog-foot">
<table style="width: 100%">
<tr>
<td style="width: 50%"></td>
<td><div class="edui-button-body button_left">确认</div></td>
<td><div class="edui-button-body button_right">取消</div></td>
</tr>
</table>
</div>
</div>
</div>
<link href="../../UEditor/dialogs/attachment/attachment.css" rel="stylesheet" type="text/css" />
<input type="button" id="shower" value="ShowUploader" />
<script src="../../Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui.min.js" type="text/javascript"></script>
<script src="../../Scripts/Plugins/Uploadify/jquery.uploadify.v2.1.0.min.js" type="text/javascript"></script>
<script src="../../Scripts/Plugins/Uploadify/swfobject.js" type="text/javascript"></script>
<link href="../../Scripts/Plugins/Uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/**/
.edui-dialog-wrap
{
margin-left: 0px;
margin-right: 6px;
margin-bottom: 6px;
border: 1px solid #C6C6C6;
width: 480px;
height: 427px;
}
.footer_parent {
position: absolute;
right: 0px;
}
.button_left {
position: relative;
width: 100px;
top: 0px;
}
.button_right {
position: relative;
width: 100px;
top: 0px;
}
/*.edui-dialog-body
{
position: relative;
background-color: white;
_zoom: 1;
}
.edui-dialog-buttons {
background: url("/UEditor/themes/default/images/icons-all.gif") no-repeat 0 -30px;
}*/
.edui-button-body {
background: url("/UEditor/themes/default/images/icons-all.gif") no-repeat;
height: 24px;
width: 96px;
font-size: 12px;
line-height: 24px;
text-align: center;
cursor: default;
}
.edui-button-body:hover {
background: url("/UEditor/themes/default/images/icons-all.gif") no-repeat 0 -30px;
height: 24px;
width: 96px;
font-size: 12px;
line-height: 24px;
text-align: center;
cursor: default;
}
.uploadQueue
{
border: 1px solid #AFE14C;
padding: 10px 10px;
}
.flash
{
width: 420px;
height: 236px;
margin: 2px 5px 8px 9px;
border-color: #D9E4FF;
overflow-y: auto;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.edui-button-body {
background: url("/UEditor/themes/default/images/icons-all.gif") no-repeat;
height: 24px;
width: 96px;
font-size: 12px;
line-height: 24px;
text-align: center;
cursor: default;
}
.ui-dialog-titlebar
{
cursor: pointer;
height: 26px;
width: 480px;
border-bottom: 1px solid
#C6C6C6;
background: url(/UEditor/themes/default/images/dialog-title-bg.png) repeat-x bottom;
position: relative;
cursor: move;
}
.ui-dialog-titlebar-close {
border: none;
padding: 0;
margin: 0;
overflow: hidden;
}
</style>
<script type="text/javascript">
$(function () {
//上传
$('#fileInput1').uploadify({
'uploader': '/Scripts/Plugins/Uploadify/uploadify.swf?var=' + (new Date()).getTime(),//解决ie6下对象不支持此属性或方法的问题
'script': '/UploadifyTest/UploadFile?var=' + (new Date()).getTime(),
'folder': '/UploadFile',
'cancelImg': '/Scripts/Plugins/Uploadify/cancel.png',
'fileExt': '*.xls',
'fileDesc': '*.xls',
'sizeLimit': 1024 * 1024 * 4, //4M
'multi': true,
'queueID': "uploadQueue",
file_upload_limit: 100,
'onComplete': fun,
'onSelect': function () {
alert("已选择文件");
},
'onAllComplete': allComplete,
'onClearQueue':onClearQueue,
custom_settings: { //自定义设置,用户可在此向服务器传递自定义变量
progressTarget: "fsUploadProgress",
startUploadId: "startUpload"
}
});
});
function allComplete(numFilesUploaded) {
alert(numFilesUploaded+"个文件上传成功");
}
function onClearQueue() {
}
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($('#uploadQueue').html()) == "") {
alert('请先选择要导入的文件!');
return false;
}
return true;
}
$("#shower").click(function () {
$("#wrapper").dialog();
});
</script>