dojo FileUploader 上传问题

0 0

dojo FileUploader 上传问题3

大家好，使用 dojo 的dojox.form.FileUploader 上传不到 action中，不知道啥原因？
使用 html 方式以及 flash 方式都上传不到，我使用的 dojo版本1.5

代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>Flash HTML</title>
    <link href="dojo15/dijit/themes/dijit.css" rel="stylesheet" />
    <link href="dojo15/dijit/themes/tundra/form/Button.css" rel="stylesheet" />
    <link href="dojo15/dijit/themes/tundra/ProgressBar.css" rel="stylesheet" />
    <link href="../resources/FileUploader.css" rel="stylesheet" />
<script>
        djConfig = {
            isDebug: false,
popup:true,
            parseOnLoad: true
        }
    </script>
    <script src="json.js"></script>
    <script src="dojo15/dojo/dojo.js"></script>
    <script>
        dojo.require("dojox.form.FileUploader");
        dojo.require("dijit.form.Button");
        dojox.form.FileUploader.prototype._styleContent = function(){
        var o = this.fhtml.nr;
        dojo.style(this.insideNode, {
        width:o.w+"px",
        height:o.va == "middle"?o.h+"px":"auto",
        textAlign:o.ta,
        paddingTop:o.p[0]+"px",
        paddingRight:o.p[1]+"px",
        paddingBottom:o.p[2]+"px",
        paddingLeft:o.p[3]+"px"
        });

        try{
        dojo.style(this.insideNode, "lineHeight", "inherit");
        }catch(e){
        // squelch
        }
        }
        dojo.addOnLoad(function(){

var props = {
isDebug:false,
hoverClass:"uploadHover",
activeClass:"uploadPress",
disabledClass:"uploadDisabled",
uploadUrl:"http://localhost:8081/web/hello/UpFile.action",
fileMask:[
["Jpeg File", "*.jpg;*.jpeg"],
["GIF File", "*.gif"],
["PNG File", "*.png"],
["All Images", "*.jpg;*.jpeg;*.gif;*.png"]
]
}

if(dojo.byId("btnF")){
dojo.byId("fFiles").value = "";
var f = new dojox.form.FileUploader(dojo.mixin({
showProgress:true,
fileListId:"fFiles",
tabIndex:5,
selectMultipleFiles:true,
deferredUploading:false
},props), "btnF");

dojo.connect(dijit.byId("fSubmit"), "onClick", function(){
alert('click');
f.upload();
//f.submit(dojo.byId("formF"));
});
dojo.connect(f, "onChange", function(dataArray){
alert("onChange");
});
dojo.connect(f, "onComplete", function(dataArray){
alert("onCOmplete:" + dataArray);
dojo.forEach(dataArray, function(d){
});
});
}

});


    </script>
    <style>
       html, body{
font-family:sans-serif;
font-size:12px;
   }
        .uploadBtn{
            border:1px solid #333333;
            background:url(dojo15/dijit/themes/soria/images/buttonEnabled.png) #d0d0d0 repeat-x scroll 0px top;
            font-size:14px;
            font-family:Arial;
            width:201px;
            height:30px;
            line-height:50px;
vertical-align:middle; /* emulates a <button> */
text-align:center;
        }
.uploadHover{
            background-image:url(dojo15/dijit/themes/soria/images/buttonHover.png);
            cursor:pointer;
font-weight:bold;
font-style:italic;
font-family:serif;
        }
        .uploadPress{
            background-image:url(dojo15/dijit/themes/soria/images/buttonActive.png);
        }
.uploadDisabled{
background-image:none;
background-color:#666;
color:#999;
border:1px solid #999;
font-family:serif;
font-style:italic;
}
.progBar{
width:294px;
display:none;
}
.form{
width:300px;
border:1px solid #ccc;
margin:5px;
padding:3px;
position:relative;
}
.form, .thumbList{
float:left;
}
.thumbList{
width:300px;
border:1px solid #ccc;
min-height:100px;
margin:5px;
padding:3px;
}
#fFiles, #hFiles{
width:200px;
height:75px;
overflow-x:hidden;
overflow-y:auto;
border:1px solid #ccc;
}
.form .field{
width:197px;
}
.tbl{
width:100%;
}
.tbl td{
width:50%;
vertical-align:top;
}
.form label{
position:absolute;
width:80px;
text-align:right;
left:0px;
}
.form .field, .form .btn{
margin-left:85px;
margin-bottom:5px;
}
h3{
width:600px;
font-weight:normal;
font-size:14px;
}
ul{
font-size:12px;
width:600px;
}
    </style>
</head>
<body class="tundra">

<table class="tbl">
<tr>
<td>
<form id="formF" class="form" >
<label>Group Name:</label>
<input class="field" tabIndex="1" type="text" value="" id="fGroup" name='fGroup' /><br/>
<label>Date:</label>
<input class="field" tabIndex="2" type="text" value="" id="fDate" name='date' /><br/>
<label>Author:</label>
<input class="field" tabIndex="3" type="text" value="" id="fAuthor" name='author' /><br/>
<label>Files:</label>
<div id="fFiles" class="field"></div>
<div tabIndex="5" id="btnF" class="uploadBtn btn">Flash Select Files</div>
<button tabIndex="6" id="fSubmit" class="btn" dojoType="dijit.form.Button">Submit</button>
</form>
</td>
</tr>
</table>
</body>
</html>

大家帮帮看啥原因？
谢谢