file uploader ajax controls" OnClientUploadError"事件无法正常工作，...文件上传显示文件未上传时成功上传文件。 [英] file uploader ajax controls "OnClientUploadError" event is not working,...file uploder show successfully file upload message when file is not upload.
问题描述
我的aspx代码是---
<％@ Page Language =C＃AutoEventWireup =trueCodeFile =Default.aspx.csInherits =_ Default％>
<％@ Register assembly =AjaxControlToolkitnamespace =AjaxControlToolkittagprefix = asp％>
<！DOCTYPE html PUBLIC - // W3C // DTD XHTML 1.0 Transitional // ENhttp：//www.w3 .org / TR / xhtml1 / DTD / xhtml1-transitional.dtd>
< html xmlns =http://www.w3.org/1999 / xhtml>
< head runat =server>
< title>< / title>
<风格>
.modalBackground
{
背景颜色：灰色;
过滤器：alpha（不透明度= 50 ）;
不透明度：0.50;
}
.pnl {
背景：＃333;
填充：10px;
border：2px solid #ddd;
float：left;
font-size：1.2em;
颜色：白色;
位置：固定;
top：50％;左：50％;
z-index：99999;
box-shadow：0px 0px 20px＃999; / * CSS3 * /
-moz-box-shadow：0px 0px 20px＃999; / * Firefox * /
-webkit-box-shadow：0px 0px 20px＃999; / * Safari，Chrome * /
border-radius：3px 3px 3px 3px;
-moz-border-radius：3px; / * Firefox * /
-webkit-border-radius：3px; / * Safari，Chrome * /
}
.close {
DISPLAY：block; BACKGROUND：url（Images / close.png）no -repeat 0px 0px;
LEFT：-12px; WIDTH：26px; TEXT-INDENT：-1000em; POSITION：absolute;
TOP：-12px;高度：26px;
}
< / style>
< script type =text / javascript>
function Success（）{
document.getElementById（lblMessage）。innerHTML =File Uploaded;
}
函数错误（）{
document.getElementById（lblMessage）。innerHTML =上传失败。;
}
< / script>
< / head>
< body>
< form id =form1runat =server>
My aspx code is---
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<!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">
<head runat="server">
<title></title>
<style>
.modalBackground
{
background-color: Gray;
filter: alpha(opacity=50);
opacity: 0.50;
}
.pnl{
background: #333;
padding: 10px;
border: 2px solid #ddd;
float: left;
font-size: 1.2em;
color:White;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
box-shadow: 0px 0px 20px #999; /* CSS3 */
-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
-webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
border-radius:3px 3px 3px 3px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
}
.close {
DISPLAY: block;BACKGROUND: url(Images/close.png) no-repeat 0px 0px;
LEFT: -12px;WIDTH: 26px;TEXT-INDENT: -1000em;POSITION: absolute;
TOP: -12px;HEIGHT: 26px;
}
</style>
<script type = "text/javascript">
function Success() {
document.getElementById("lblMessage").innerHTML = "File Uploaded";
}
function Error() {
document.getElementById("lblMessage").innerHTML = "Upload failed.";
}
</script>
</head>
<body>
<form id="form1" runat="server">
< asp：ToolkitScriptManager ID =ToolkitScriptManager1runat =server/>
< asp：UpdatePanel ID =UpdatePanel1runat =server>
< contenttemplate>
< asp：按钮ID =btnUploadrunat =server
Text =上传文件onclick =btnUpload_Click/>
< asp ：ModalPopupExtender runat =server
ID =modelPo pupExtender1
TargetControlID =btnUpload
PopupControlID =popUpPanel
OkControlID =btOK
BackgroundCssClass =modalBackground>
< asp：Panel ID =popUpPanelrunat =serverCssClass =pnl >
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"/>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<contenttemplate>
<asp:Button ID="btnUpload" runat="server"
Text="Upload File" onclick="btnUpload_Click"/>
<asp:ModalPopupExtender runat="server"
ID="modelPopupExtender1"
TargetControlID="btnUpload"
PopupControlID="popUpPanel"
OkControlID="btOK"
BackgroundCssClass="modalBackground">
<asp:Panel ID="popUpPanel" runat="server" CssClass="pnl">
< asp：AjaxFileUpload ID =AjaxFileUpload1runat = 服务器
OnUploadComplete =UploadComplete
OnClientUploadComplete =成功
OnClientUploadError =错误
ThrobberID =loaderWidth =400px/>
< asp：图片ID =loaderrunat =server
ImageUrl =〜/ loading .gif
Style =display：None/>
<asp:AjaxFileUpload ID="AjaxFileUpload1" runat="server"
OnUploadComplete="UploadComplete"
OnClientUploadComplete="Success"
OnClientUploadError="Error"
ThrobberID="loader" Width="400px"/>
<asp:Image ID="loader" runat="server"
ImageUrl ="~/loading.gif"
Style="display:None"/>
< asp ：Label ID =lblMessagerunat =server/>
< asp：Button ID =btOKrunat =serverText =OK/>
< asp：LinkButton ID =LinkButton1runat =server CssClass =close
OnClientClick =$ find（'modelPopupExtender1'）。hide（）;返回false;/>
<asp:Label ID="lblMessage" runat="server"/>
<asp:Button ID="btOK" runat="server" Text="OK" />
<asp:LinkButton ID="LinkButton1" runat="server" CssClass="close"
OnClientClick="$find('modelPopupExtender1').hide(); return false;"/>
< / form>
< / body>
< / html>
------------------------
我的.cs文件是..我有添加OnClientUploadError =错误，但直到它没有显示错误信息时文件没有上传...请帮助我。
protected void UploadComplete（object sender ，AjaxControlToolkit.AjaxFileUploadEventArgs e）
{
尝试
{
//字符串路径= Server.MapPath（ 〜/ Uploads /）+ e.FileName;
//System.Threading.Thread.Sleep(2000）;
string path = Server.MapPath（〜 /上传/）+ e.FileName;
AjaxFileUpload1.SaveAs（路径）;
}
catch（例外）
{}
}
</form>
</body>
</html>
------------------------
my .cs file is..i have add OnClientUploadError="Error" but until its not showing error message when file is not uploaded...please help me.
protected void UploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs e)
{
try
{
//string path = Server.MapPath("~/Uploads/") + e.FileName;
//System.Threading.Thread.Sleep(2000);
string path =Server.MapPath("~/Uploads/") + e.FileName;
AjaxFileUpload1.SaveAs(path);
}
catch (Exception)
{ }
}
推荐答案
find（'mode lPopupExtender1’ ）隐藏（）;返回false;/>
find('modelPopupExtender1').hide(); return false;"/>
< / form>
< / body>
< / html>
------------------------
我的.cs文件是..我有添加OnClientUploadError =错误，但直到它没有显示错误信息时文件没有上传...请帮助我。
protected void UploadComplete（object sender ，AjaxControlToolkit.AjaxFileUploadEventArgs e）
{
尝试
{
//字符串路径= Server.MapPath（ 〜/ Uploads /）+ e.FileName;
//System.Threading.Thread.Sleep(2000）;
string path = Server.MapPath（〜 /上传/）+ e.FileName;
AjaxFileUpload1.SaveAs（路径）;
}
catch（例外）
{}
}
</form>
</body>
</html>
------------------------
my .cs file is..i have add OnClientUploadError="Error" but until its not showing error message when file is not uploaded...please help me.
protected void UploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs e)
{
try
{
//string path = Server.MapPath("~/Uploads/") + e.FileName;
//System.Threading.Thread.Sleep(2000);
string path =Server.MapPath("~/Uploads/") + e.FileName;
AjaxFileUpload1.SaveAs(path);
}
catch (Exception)
{ }
}
这是你的代码：
This is your code:
<asp:ajaxfileupload id="AjaxFileUpload1" runat="server" xmlns:asp="#unknown">
OnUploadComplete="UploadComplete"
OnClientUploadComplete="Success"
ThrobberID="loader" Width="400px"/>
<asp:image id="loader" runat="server">
ImageUrl ="~/loading.gif"
Style="display:None"/></asp:image></asp:ajaxfileupload>
OnClientUploadError =错误在哪里？
Where is OnClientUploadError="Error"?
嗨。
使用asp：AjaxFileUpload OnClientUploadError未触发。我有类似的错误。
测试这个例子：
代码验证onClient文件的大小。当尺寸> 100万火异常。异常未触发OnClientUploadError =uploadError并且文件已上传到服务器。
我需要验证onClient文件的大小以防止服务器上的文件上载（包括上传到服务器的临时文件）
Hi.
With asp:AjaxFileUpload the OnClientUploadError not fired. I have similar bug.
Test this example:
The code validate the size of file onClient. When Size > 1000000 fire exception. The exception not fired OnClientUploadError="uploadError" and the file was upload to the server.
I need to validate the size of file onClient to prevent the fileupload on the server (including temporary file uploaded to the server)
<script type="text/javascript">
function uploadError(sender, args) {
//Good practice to put try,catch block. it will avoid javascript error at window status.
var ArchivoNombre = args.get_fileName();
var MensajeError = args.get_errorMessage();
var Mensaje = "Archivo no cargado: " + ArchivoNombre + " / ERROR..." + MensajeError;
//Desarrollar algún proceso en el servidor: grabar en base de datos, etc.
// En este caso, se crea una variable de sesión.
//PageMethods.RegisterUploadError(MensajeError, Mensaje, OnSucceeded, OnFailed);
}
}
function uploadComplete(sender, e) {
var Peso = context.get_fileSize();
var ArchivoNombre = context.get_fileName();
/*Validation for file size*/
if (parseInt(Peso) > 1000000) {
var Mensaje = "Archivo excede el tamaño límite de 2 Mb. Archivo : " + ArchivoNombre + " Peso(bytes): " + Peso;
var displayElement = document.getElementById("ResultId");
displayElement.innerHTML = Mensaje;
var err = new Error();
err.name = 'Error Uploading';
err.message = 'Excedió el límite.';
throw (err);
}
else {
//Etc...
}
}
</script>
一些HTML：
Some HTML:
<body>
<form id="form1" runat="server">
<div>
<asp:toolkitscriptmanager id="ToolkitScriptManager1" runat="server" xmlns:asp="#unknown">
</asp:toolkitscriptmanager>
<asp:ajaxfileupload id="AjaxFileUpload1" runat="server" xmlns:asp="#unknown">
OnClientUploadComplete="uploadComplete"
OnClientUploadError="uploadError"
onuploadcomplete="AjaxFileUpload1_UploadComplete" />
<div id="testuploaded" style="display: none; padding: 4px; border: gray 1px solid;">
<h4>
list of uploaded files:</h4>
<hr />
<div id="fileList">
</div>
</div>
<p>
<span style="background-color:Aqua" id="ResultId"></span>
</p>
<asp:button id="btnSubmit" runat="server" text="Postback" />
</asp:ajaxfileupload></div>
</form>
</body>
CodeBehind：
CodeBehind:
protected void AjaxFileUpload1_UploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs file)
{
//Grabar en disco
string rutaUploads = HttpContext.Current.Server.MapPath("Uploads\\");
string FullNombre = rutaUploads + file.FileName;
AjaxFileUpload1.SaveAs(FullNombre);
}
这篇关于file uploader ajax controls" OnClientUploadError"事件无法正常工作，...文件上传显示文件未上传时成功上传文件。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
