I'm AjaxControlToolkit's AsyncFileUpload control to upload files to server. It is placed in an UpdatePanel but when someone uploads a new file, a post back occurs. Why a post back occurs while I've put AsyncFileUpload in UpdatePanel?
View 2 RepliesI implemented the AsyncFileUpload control on a web page. This web page requires uploaded files to appear in a gridview. The gridview contains the following columns: "File Name", "Confidential" Check Box, and a "Remove" button to remove the uploaded file.
Since the AsyncFileUpload postback does not do a full page postback, I need to "force" a postback on the OnClientUploadComplete event of the AsyncFileUpload control in order to render the gridview after uploading a file. In the OnClientUploadCompleteevent, I use javascript to call __doPostBack. In this postback, I only bind my gridview and display the file information (I don't re-save the file).
The problem: On the AsyncFileUpload's first "partial" postback, the file is successfully uploaded, as expected. On the second postback that I force with __doPostBack, the file is re-uploaded. You can verify this by using Google Chrome, which displays the upload progress. The behaviour is as follows: After selecting the file, the progress increments from 0% to 100% and the file is uploaded. After this, the __doPostBack executes, and you can see the upload progress increment again from 0% to 100%.
How can I make sure the Gridview is properly populated, but that the file is not uploaded twice?
I attached a sample solution which contains the issue:
[URL]
I am using an AsyncFileUpload control in my asp.net page.This control in inside an update panel.Any post back(like some treeview loading,combo selection in which i needs postback) appear in that page makes the AsyncFileUpload control text area gets cleared.Is there any solution to retain the selected file name in the AsyncFileUpload control after the postback.
View 2 RepliesI implemented the AsyncFileUpload control on a web page. This web page requires uploaded files to appear in a gridview. The gridview contains the following columns: "File Name", "Confidential" Check Box, and a "Remove" button to remove the uploaded file. Since the AsyncFileUpload postback does not do a full page postback, I need to "force" a postback on the OnClientUploadComplete event of the AsyncFileUpload control in order to render the gridview after uploading a file. In the OnClientUploadCompleteevent, I use javascript to call __doPostBack. In this postback, I only bind my gridview and display the file information (I don't re-save the file).The problem: On the AsyncFileUpload's first "partial" postback, the file is successfully uploaded, as expected. On the second postback that I force with __doPostBack, the file is re-uploaded. You can verify this by using Google Chrome, which displays the upload progress. The behaviour is as follows: After selecting the file, the progress increments from 0% to 100% and the file is uploaded. After this, the __doPostBack executes, and you can see the upload progress increment again from 0% to 100%.ow can I make sure the Gridview is properly populated, but that the file is not uploaded twice?I attached a sample solution which contains the issue:https://www.yousendit.com/download/MzZFc2ZBNDRrYUN4dnc9PQ
View 1 RepliesI am developing an application that manages a photo contest. In that application, I use an AsyncFileUpload control for the user selected photo. The server-side UploadedComplete does basic validation, and scales/clip the image as necessary.
The problem is, when i click on the submit button on the page, the content of the AsyncFileUpload gets sent with the other user-submitted data, so the user gets to wait twice as long to get a response from the server (I'm expecting photos that are between 3 and 7 Mb big, which takes a minute or two to upload).
My form looks like that:
<%-- ... snip - all other fields ... -->
<div style="margin-top: 20px; margin-bottom: 5px;">
<span class="texteB"><b>Upload a photo</b></span><br />
Browse your computer to find a photo.</div>
<div>
[Code]....
Is there something I missed out in the documentation? I've been working on this all day without much success.
I have dropdownlist autopostback and AsyncFileUpload both inside UpdatePanel After I selected Item in dropdownlist to postback,AsyncFileUpload is changed it's size and it can't upload After Dropdownlist postback
This is my code
[Code]....
I have two controls, each placed in their own <div> and <UpdatePanel> on my form. I am having trouble getting the partial page postback to fire after the file upload has completed. I have not used the __doPostBack approach before so I'm not sure if I am heading in the right direction.
View 6 RepliesI moved from the FileUpload control to the AsyncFileUpload control.
1) Do AsyncFileUpload controls work under UpdatePanels??? (Please provide example or reference)
2) Can AsyncFileUpload controls be triggerd with an update button (both inside the same updatepanel)?
Regarding the AsyncFileUpload control in .net, the control will execute the file upload once i select a file. In my concern is, is it possible to disable the upload once i select a file so that i could process the upload asynchronously with a submit button
View 2 RepliesHow can I make the asyncfileupload to work when a user tabs in to it in the same way as the user clicks on it
View 1 RepliesI have a project that for political reasons cannot be moved to a later version of .Net and would love to have a drop-in control for uploading files better than the old FileUpload control.
I'd like to use the AsyncFileUpload control, but it's not in the latest version of the toolkit that is supported in the 2.0 framework.
I've looked at some of the flash based controls, but integrating them would trigger a full regression test of the project I'm on (multiple weeks).
We've lived with the FileUpload control because our files are small, but the error handling when a file gets larger won't be unacceptable much longer.
I just found Uploadify. At first I didn't think it would work, but I checked out the forums any way. I found this link [URL] It works great. I can do whatever I want to in the upload handler.
I've recently downloaded Ajax Control Toolkit to use with my ASP.NET web app.I added the AsyncFileUpload control to a web form but when I try to run the application,I get an error :
"Unknown server tag 'cc1:AsyncFileUpload'."
I have this in the ".aspx" page :
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" ?TagPrefix="cc1" %>
I have a problem working with ScriptManager's RegisterClientScriptBlock which is not working.
I have a AsyncFileUpload and I want to preview the uploaded image dynamically after the upload.
the UploadedComplete is wired in Page_Init and here's the UloadedComplete block code in server side
void fileUpload_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
{
string csb = string.Empty;
string tempfolder = "picserver/posts/temp/" + Session["Username"] + "_" + DateTime.Today.ToString("yyyy_MM_d") + ".jpg";
string newfile = Server.MapPath(tempfolder);
fileUpload.SaveAs(newfile);
Byte[] f = File.ReadAllBytes(newfile);
Imaging i = new Imaging();
i.ResizeImageFile(newfile, newfile, 64);
csb = "$("" + postImagePreview.ClientID + "").innerHTML = '<img src="" + tempfolder + "" alt="" />'";
System.Diagnostics.Debug.WriteLine("CSB: " + csb);
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "preview", csb, true);
}
and here's the html
<asp:Label ID="postImagePreview" runat="server" />
Upload a preview of your advertisement.
<asp:AsyncFileUpload ID="fileUpload" runat="server"
UploaderStyle="Traditional" UploadingBackColor="#CCFFFF" ThrobberID="myThrobber" />
<asp:Label runat="server" ID="myThrobber" style="display:none;" ></asp:Label>
here's my ScriptBlock
csb = "$("" + postImagePreview.ClientID + "").innerHTML = '<img src="" + tempfolder + "" alt="" />'";
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "preview", csb, true);
and it's not working.. even if I put "alert('hello');" in script parameter. still doesn't work.
am using the AsyncFileUpload, when the AsyncFileUploadEventArgs event is fired i need to check if a textbox as been populated which i am doing. the problem is i am setting the validator to invalid. i would of thought this would display the error to the user, but nothing happens
protected void AsyncFileUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
{
[code]...
When an asynchronous postback happened inside update panel, another postback happens also for MasterPage not only update panel embedded page .
I want to prevent this MasterPage postback .
is this possible ? think like i have a MasterPage
and another page which is test.aspx which is content page of MasterPage
i have update panel at test.aspx
when asynchronous postback happens at this test.aspx update panel it also loads MasterPage Page_Load
i want to prevent this (it should not also load MasterPage Page_Load)
I have 2 textboxes and a submit button inside a .net composite server control. I tried to only postback when submit button is clicked. I set autopostback = false for both textboxes. But either one still trigger submit button's onclick event by hitting "Enter" inside textbox. How can I stop postback by enter key?
View 2 RepliesWhen an asynchronous postback happened inside update panel, another postback happens also for MasterPagenot only update panel embedded page .I want to prevent this MasterPage postback . is this possible ?think like i have a MasterPage and another page which is test.aspx which is content page of MasterPagei have update panel at test.aspxwhen asynchronous postback happens at this test.aspx update panel it also loads
MasterPage Page_Loadi want to prevent this (it should not also load MasterPage Page_Load)
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 am using AsyncFileUpload in a upadte panel but while i am running this project it shows a server error that
could not found AsyncFileUpload1_UploadedComplete event in Updatepanel1
[Code]....
I am just about to learn how the AsyncFileUpload component works. I have come up with some code but this does not compile excactly. It seems but are not sure that I need to declare some events etc... I will explain excactly what my goal is to do. It will be possible to upload a .jpg file from a users computer and save this file to the below path with a new name:
UploadedFile.jpg
"~/Folder1/Images/"
[Code]....
Is there any solution short of posting back, which completely defeats the entire purpose of this control?
View 1 RepliesI 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]....
I am just about to learn how the AsyncFileUpload component works. I have come up with some code but this does not compile excactly. It seems but are not sure that I need to declare some events etc...
I will explain excactly what my goal is to do.It will be possible to upload a .jpg file from a users computer and save this file to the below path with a new name:
UploadedFile.jpg
"~/Folder1/Images/" [Code]....
I have a Web application in which I'm trying to use the new AJAX AsyncFileUpload control. I want to use it in the ModalPopupExtender, and I want to embed these two AJAX controls in a user control (photo_upload.ascx) for re-use in different parts of the application. (I understand that this wasn't possible with the older FileUpload control but that it is with this most recent AJAX tool.)
Presently, I merely redirect the user to an upload.aspx page that includes the photo_upload.ascx control (see the sequential screenshots in the attached image); but while this way of doing things "works," it becomes very confusing for the user who has already clicked an upload button or two. In other words, when the "Add Yours" button is clicked, the panel with the "(1) Upload Photo" button unhides; and when the Upload Photo button is then clicked, the user is redirected to the control in the bottom screen. I would gladly bypass the 1, 2, 3 steps in the second screen after the "Add Yours" button is clicked and redirect straightway to the upload control (in the bottom screen, which I will like to be in a ModalPopupExtender), but I also need a way for them to enter a caption that will go with the uploaded photo.
(image removed)
My VB code for the above steps is included below. I would appreciate any fresh ideas on how to accomplish my above objectives.
[Code]....
I'm developing a website using .NET 3.5 and I'm having problems with the asyncfileupload control.The problem occurs when you upload a file, and then try upload the same file again. On the second upload, none of the clientside nor serverside methods fire. Everything works fine if you upload one file, upload a file with a different name and then upload the first one again.
This is a bit if a pain because on the page i allow the user to delete the uploaded images so i need the functionality to upload a file with the same name as the previous upload.Has anyone else encountered this and are there any work arounds?