AJAX :: AsyncFileUpload Javascript Functions Not Working?
Oct 31, 2010[Code]....
What's wrong with it?
[Code]....
What's wrong with it?
I can't get the OnClientUploadStart function to trigger when the upload starts. I also can't get the throbberID to work.
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:AsyncFileUpload ID="AsyncFileUpload1" runat="server" [code]....
I have built a custom Ajax User Control which uses the AsyncFileUpload control released with the latest Ajax Toolkit.
On my local machine the application works fine without error, however if I deploy the app onto my web server the functionality breaks.
I am trying to add a file via the AsyncFileUpload control, save it to the web server, then save some details into a datatable which is displayed in a gridview. All of this sits in an update panel.
When uploading small files (under 55kbs) the process works fine, however when uploading larger files, it doesn't like it. The control uploads the file successfully to it (the client error is not triggered), but it breaks when I try to save it to the web server. Upon saving, the document saves OK, but all the data is stripped away. It just saves the filename with no content. It looks like the AsyncFileUpload control has lost the File in session, therefore cannot save it. However the AsysncFileUpload.filename still exists and AsyncFileUpload.HasFile is returning true.
Has anyone seen anything like this before or have any ideas why this could be happening? I have set the web config httpRuntime maxRequestLength = 20480, so it shouldnt be that.
See code:
[code]....
AsyncFileUpload not working with IE9. only on capability mode
View 9 RepliesAsyncFileUpload not working in Opera
View 2 RepliesI have problem with AsyncFileUpload in CollapsiblePanel. In debug mode i have this error: "a._innerTB.style.width=a._inputFile.offsetWidth-107+"px"". I an begginer programmer and this is first time i see that kind of error. When AsyncFileUpload is outside the Panel or AsyncFileUpload everthing works perfect but i need this in AsyncFileUpload. Anyone know how to fix it? Or maybe there is another way to send file without reloading whole page (asp FIleUpload require reload)
<form id="form1" runat="server" enctype="multipart/form-data" method="post">
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajaxToolkit:ToolkitScriptManager>
<div>
<asp:Panel ID="PanelHeader" runat="server">
<asp:Label ID="Label" runat="server" />
</asp:Panel>
<asp:Panel ID="PanelBody" runat="server">
Example
<ajaxToolkit:AsyncFileUpload runat="server" ID="AsyncFileUpload1" UploaderStyle="Modern"
UploadingBackColor="#CCFFFF" />
</asp:Panel>
<ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server"
TargetControlID="PanelBody" CollapseControlID="PanelHeader" ExpandControlID="PanelHeader"
Collapsed="true" TextLabelID="Label" CollapsedText="Open" ExpandedText="Close"
CollapsedSize="0">
</ajaxToolkit:CollapsiblePanelExtender>
</div>
</form>
i have made a page having AsyncFileUpload and Ajax calendar used both together on a page.
The page is not responding. displaying a runtime error. But when i am removing the Ajax calendar from page the page is working properly.
I need both controls on one page. below is my code:
html:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ajax.aspx.vb" Inherits="ajax" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register assembly="System.Web.Ajax" namespace="System.Web.UI" tagprefix="asp" %>
[Code].....
i AsyncFileUpload this is working fine in my local server but when i upload the files into my hosting server no file is uploading. this is my code to save the file.
Protected Sub tbnSave_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles tbnSave.Click
Dim cmd As New MySqlCommand
Dim cn As New MySqlConnection
cn.ConnectionString = "server=localhost;User Id=root; password=papidm;database=jis;Persist Security Info=True"
cn.Open()
cmd.Connection = cn
cmd.CommandType = System.Data.CommandType.Text
cmd.CommandText = "Insert into PhotoAlbum (Photo,PhotoName,Descr,AlbumId) values (@Photo,@PhotoName,@Descr,@AlbumID)"
cmd.Parameters.Add(New MySqlParameter("@Photo", "~/images/" + txtFileName.Text + ".jpg"))
cmd.Parameters.Add(New MySqlParameter("@PhotoName", txtFileName.Text))
cmd.Parameters.Add(New MySqlParameter("@Descr", TextBox2.Text))
cmd.Parameters.Add(New MySqlParameter("@AlbumID", ddlArchive.SelectedValue))
cmd.ExecuteNonQuery()
fileName = MapPath("~/images/") + txtFileName.Text + ".jpg"
AsyncFileUpload1.SaveAs(fileName)
End Sub
I have a FormView inside a user control, and in the InsertItemTemplate, I have an AsyncFileUpload control, that I would like to to use. On the user side, it seems to work, but it doesn't work on the server side code behind. The HasFile Property is always false, and it doesn't fire the UploadCompleted event either. My UpdatePanel is in the master page.
<asp:FormView
ID="frmAddImage"
runat="server"
DataKeyNames="imageID"
DataSourceID="sqlImages"
Width="100%">
<InsertItemTemplate>
<cc1:AsyncFileUpload
runat="server"
ID="FileUploadImage"
Width="400px"
UploaderStyle="Traditional"
CompleteBackColor="Lime"
ErrorBackColor="Red"
onuploadedcomplete="AsyncFileUpload_UploadedComplete"
UploadingBackColor="#CCFFFF"
/>
AsyncFileUpload not working when .net app published to web server. It works fine in testing on my pc. I have checked security settings. I can get other upload scripts to work, but I wanted to try using the AJAX AsyncFileUpload. I thought maybe it's something on the server blocking it, but not errors, It just keeps saying "uploading" but it never finishes and it never uploads the file. Has anyone else had this happen?
View 2 Repliesi use a asyncfileupload control to upload files from my web pages. since i have a listview inside an update panel, and the listview needs to have the file upload functionality, i can not use a asp fileupload control.
the uploaded files are saved inside a temp folder in my application directory. i use a asp:button to upload files from the asyncfieupload control to my temp folder.
as long as i work on my local machine, the upload control inside the listview works perfectly fine, and does what is expected of it (i.e upload files :))
but when i move the code to my web server the asyncfileupload onthe page works just once, that is, it uploads just once (no matter whichever row of the listview it is) and for all other subsequent uploads, it uplaods a file of the same name to my temp folder but with 0KB size.
it beats me why asyncfileupload control would behave this way in the two environments.
could anyone suggest a possible reason/or something i m missing to configure on the server?
I have downloaded your asynchronous file upload source code it will work only in below IE8 and chrome.. but IE9 and FF will not work... I am using VS2010...
If I click the select button it won't come popup...
I have a requirement, where-in once a file is upoaded using the AsyncFileUpload control, I want the name of the uploaded file to be removed from the AsyncFileUpload control and it should show blank (as it was when the page was first loaded). Also, the control should allow uploading the same file immediately after the first upload is complete(assuming that the user deciedes to update the file after the first upload and wants to immediately upload the updated version of the file).
View 15 RepliesReferring to the following: Ajax Asyncfileupload doesn't work as soon as I put it in a control I am having the same issue. I am not using a Master page though. I have an AsyncFileUpload control in a Panel, within an update panel.
View 1 RepliesI have a problem with the ajax control AsyncFileUpload on firefox 4 when the page loads. Is there a solution
to this fatal error:
Index or size is negative or greater than the allowed amount" code: "1
in my current project I used a AsyncFileUpload control from AJAX Control Toolkits. After I got the async file upload part working, I needed to filter the file type so users can only upload image files. I found the following code off web and it worked well:
[Code]....
The problem is : I don't understand this javascript. What is the type of args parameter? Where are the methods such as "get_fileName()", "set_cancel()" defined? I went to the homepage of the
AsyncFileUpload control but couldn't find any documentation regarding the "args".
My problem is Asyncfileupload control is working fine when i debug the application and upload large file...but when i run this from iis it only upload file less then 5 kb. why is that so?? i did try adding Httpruntime maxRequestLength="4096" i tried to find on search but no help... did m i mising any settings..??
View 3 RepliesI tried this tutorial [URL] .... It doesn't work with and vs 2010, and ajax control toolkit 4 ( I downloaded from link belowand vs 2010) and It doesn't work with ajaxcontroltollkit 3.5 I downloaded from same link.but when i put Your AjaxControlToolkit.dll in bin folder of my project it works fine.
I downloaded the same version of tolkit.dll as yours (3.0.30930.0) and I worked for me.
but I'd like to use version 4.
I have an asyncfileupload control within a panel control. The panel is initially set to visible=false on page load. After a user clicks a button to display the panel contents however, I set the panel to visible and the user can then use the asyncfileupload. The problem however, is it seems much of the javascript associated with the asyncfileupload, does not function properly when the panel containing the upload control is set from invisible to visible. If I set my panel's "visible" property to "true" initially, then it works fine. My javascript error message is as follows:
"Form contains a file input, but is missing method=POST and enctype=multipart/form-data on the form. The file will not be sent."
Basically within my asyncfileupload control, I have the following line:
[Code]....
In this scenario, my "args" variable is always null (when I set my pane's "visible" property to "true" on page load, the args variable DOES contain data. Any idea why switching a panel from visible=false to visible=true, would cause an error like this?
i m Uploading File using Ajax AsyncFileUpload control.. after successful upload i am trying to display success message through Label and Also through Alert but its not working..below is i used code
<asp:Panel ID="pnlupload" runat="server" BackColor="LightBlue"
CssClass="pnlBackGround" Height="100px" style="display:none" Width="600px">
<asp:Label ID="lblmsg" runat="server" Font-Bold="True" Text="" ForeColor="Red"></asp:Label>
<table ID="tabid" runat="server" cellpadding="0" cellspacing="0"
style="border:Solid 2px #D46900; width:100%; height:100%" width="100%">
[code]....
how can i display the message and AsyncFileUpload1
I think I summed up the question in the title. Here is some further elaboration...I have a web user control that is used in multiple places, sometimes more than once on a given page.The web user control has a specific set of JavaScript functions (mostly jQuery code) that are containted within *.js files and automatically inserted into page headers.However, when I want to use the control more than once on a page, the *.js files are included 'n' number of times and, rightly so, the browser gets confused as to which control it's meant to be executing which function on.What do I need to do in order to resolve this problem? I've been staring at this all day and I'm at a loss.
View 2 RepliesI have written a web application in ASP.net, Vs2010. This application has master page. That master page is applied to all pages. If I write some JQuery code on these pages, they don't work out. However if I shift that code to Site.Master Page, it starts working. e.g. code mentioned below will not work on default.aspx, however it will work on Site.Master.
$(function () {
$("#accordion").accordion();
});
I am trying to call some javascript functions which I ahve written in some file. Eg.
function OpenPopup() {
alert("OpenPopUp");
return false;
}
when I call this from button from OnClientClick = "OpenPopup()" it is not called but when I put this function on MasterPage it is able to call the function.I added this is the MasterPages's Head
<script src="Scripts/something.js" type="text/javascript"></script>
I've looked at about 5 Questions here on SOF and haven't really found a useful answer for this. How am I supposed to invoke my javascript functions from client-side events in my .ascx controls? Here is my .ascx file.. what most the answers have led me to:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UIMenu.ascx.cs" Inherits="controls_UIMenu" %>
<script language="javascript" type="text/javascript">
function insetItem(myMenu)
{
myMenu.setAttribute("class", "myClass");.......
I'm getting different errors when doing it this way. ".....ascx does not contain a definition for "insetItem"", and my other pages that use this file don't recognize it anymore. When I try to put the js on the actual .aspx pages that will be using it, I get the same no definition error.
I just started learning jscript, still pretty noob. I'm trying to make it so when the user down clicks a menu item, I want that item's borderstyle to change to "inset". I'm not sure how to change that attribute for the specific item that gets clicked either in javascript >_< but that's another question.
I wanted to use some javascript functions in a ASP.net 3.5 web site. I have added a javascript1.js page in the Sites Folder with a Javascript Test function.
<script
src="~/Scripts/Javascript1.js"
type="text/javascript"></script>