Fileupload after Save Dialog issue

**reyonlines** · Sep 23, 2010, 1:40 PM

Hello everyone, i have a problem with the file upload functionality. I'm using the MVC pattern in my application, as far as the file upload procedure goes, it's doing what's supposed to do (it's uploading the file). The problem i'm having is after the file is uploaded to the server and then the AjaxResult returns the value. After the value is returned I get the File Download popup window, I have followed the instructions on some of the post in this Forum but they don't work for me ( I don't know why). Below you can see my code.

PropForSaleWin.ascx

<ext:Window 
    ID="UploadFileEditor" 
    runat="server" 
    Title="Property For Sale" 
    Icon="House"
    Width="560" 
    Height="450" 
    Modal="true"
    Hidden="true"
    Resizable="false">
        <AutoLoad 
            Url="/Home/PropForSale/" 
            Mode="IFrame" 
            TriggerEvent="show" 
            ReloadOnEvent="true" 
            ShowMask="true" 
            MaskMsg="Loading Property Info...">
        </AutoLoad>
    <Buttons>
        <ext:Button ID="btnTest" runat="server" Text="Save">
            <Listeners>
                <Click Handler="#{UploadFileEditor}.iframe.dom.contentWindow.saveInfo();" />
            </Listeners>
        </ext:Button>
    </Buttons>
    
</ext:Window>

PropForSale.aspx


            <ext:FormPanel 
                ID="frmFileUpload"            
                Title="Image Upload"
                runat="server"
                Frame="false"
                AutoHeight="true"
                MonitorValid="true"
                PaddingSummary="20px 10px 0 10px"            
                Border="false"
                LabelWidth="70"
                FileUpload="true"            
                Url="/Data/UploadPropertyImage/">
                <Items>
                    <ext:TextField
                        ID="AttachmentName"
                        runat="server"
                        FieldLabel="File Name" />
                    <ext:FileUploadField 
                        ID="TheFileUploadField"
                        runat="server" 
                        EmptyText="Select an image"
                        FieldLabel="File"
                        ButtonText=""
                        Icon="ImageAdd">
                    </ext:FileUploadField>
                </Items>
            </ext:FormPanel>

Controler Code


        public AjaxResult UploadPropertyImage()
        {            
            foreach (string file in Request.Files)
            {
                HttpPostedFileBase files = Request.Files[file];
                string fileName = files.FileName;
                if (files.ContentLength > 0)
                {
                    string filePath = Path.Combine(@"\\formsSrv\www\prop\uploadFiles", Path.GetFileName(files.FileName));
                    files.SaveAs(filePath);
                }
            }

            AjaxResult response = new AjaxResult();
            response.IsUpload = true;
            return response;
        }

**reyonlines** · Sep 23, 2010, 4:17 PM

Does anyone have an idea about this problem with the FileUpload control?

**craig2005** · Jan 02, 2011, 7:31 AM

Bumping...

Is this solved yet? I'm getting the same issue. I think the problem is that browsers are wrapping the JSON response and EXT doesn't know how to handle it. IE shows a download prompt. Chrome just errors out and gets stuck showing the wait message.

I started another thread for this just before I found this one.

http://forums.ext.net/showthread.php...ected-token-lt

**Vladimir** · Jan 02, 2011, 9:34 AM

Hi,

I cannot reproduce it, for me all works fine

Here is my test case

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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>
</head>
<body>
       <ext:ResourceManager ID="ResourceManager1" runat="server" /> 
       
       <ext:FormPanel
            ID="frmFileUpload"           
            Title="Image Upload"
            runat="server"
            Frame="false"
            AutoHeight="true"
            Width="300"
            MonitorValid="true"
            PaddingSummary="20px 10px 0 10px"           
            Border="false"
            LabelWidth="70"
            FileUpload="true"                      
            Url="/Test/UploadPropertyImage/">
            <Items>
                <ext:TextField
                    ID="AttachmentName"
                    runat="server"
                    Width="200"
                    FieldLabel="File Name" />
                <ext:FileUploadField
                    ID="TheFileUploadField"
                    runat="server"
                    EmptyText="Select an image"
                    FieldLabel="File"
                    ButtonText=""
                    Width="200"
                    Icon="ImageAdd">
                </ext:FileUploadField>
            </Items>
            <Buttons>
                <ext:Button runat="server" Text="Upload 1">
                    <Listeners>
                        <Click Handler="#{frmFileUpload}.getForm().submit();" />
                    </Listeners>
                </ext:Button>
                
                <ext:Button ID="Button1" runat="server" Text="Upload 2">
                    <DirectEvents>
                        <Click Url="/Test/UploadPropertyImage/" />
                    </DirectEvents>
                </ext:Button>
            </Buttons>
        </ext:FormPanel>
</body>
</html>

public AjaxResult UploadPropertyImage()
        {           
            AjaxResult response = new AjaxResult();
            response.IsUpload = true;
            return response;
        }

**craig2005** · Jan 03, 2011, 3:42 PM

I switched to ajaxresult and it is now somewhat working. The problem is that it keeps hitting the failure condition now. What would trigger this? Why would it not hit the success condition if a result is coming back?

I'm not sure why this is so difficult. I've been using YUI and Jquery for years and never have this many problems. There are so many ins and outs and no documentation. All that's available is uncommented examples and this forum. So I apologize for all the questions.

Luckily you guys are good at responding to posts :-)

**craig2005** · Jan 03, 2011, 5:27 PM

ok, i figured it out.

For forms, you need to use the AjaxFormResult. Just using AjaxResult will not work. I'm not sure how you got the above example to work correctly without the AjaxFormResult.

Thread: Fileupload after Save Dialog issue

Thread Tools

Search Thread

Display

Fileupload Controls Shows Save Dialog after upload

Hey guys any thought on this

solved yet?

switched to AjaxResult

figured it out

Similar Threads

Help with open & save dialog for downloading file from ext gridpanel

Save as dialog on client side for image

[CLOSED] Save Dialog v0.8.1

Get the value from prompt dialog and save

[CLOSED] Save as dialog?

Posting Permissions

Sitemap

Downloads

Resources