Creating a file upload feature without jquery or ajax

Question

I have to create a file upload that only allows .csv files. So far, I have a cosmetic interface of:

<asp:Label ID="importLabel" runat="server" Text="Update Prices" CssClass="fieldLabel" />
                <asp:FileUpload ID="importFileUpload" runat="server" OnDataBinding="importFileUpload_DataBinding"/>
                <asp:Button ID="importFileButton" runat="server" Text="Update Prices" CssClass="fieldlabel" OnClick="importFileButton_Click" />
                <br />
                <asp:RegularExpressionValidator ID="uploadValidator" runat="server" ControlToValidate="importFileUpload" ErrorMessage="Only .csv files are allowed" 
                        ValidationExpression="(.+\.([Cc][Ss][Vv]))" />

It works as it should where you can select a .csv file, however I'm not sure of my next step here. Any help or any nudge in the right direction would be awesome!

Google 'asp:FileUpload' - 3rd result - asp.net-tutorials.com/controls/file-upload-control is a concise explanation, there are many others. Good luck. — sh1rts
– sh1rts, Commented Jul 9, 2014 at 3:17

Ali · Accepted Answer · 2014-07-09 03:13:34Z

The next step is uploading the selected file from the code behind:

    protected void importFileButton_Click(object sender, EventArgs e)
    {
        if (importFileUpload.HasFile)
        {
            string fileExt =
               System.IO.Path.GetExtension(importFileUpload.FileName);

            if (fileExt == ".csv")
            {
                try
                {
                    importFileUpload.SaveAs("C:\\Uploads\\" + importFileUpload.FileName);
                    importLabel.Text = "File name: " +
                        importFileUpload.PostedFile.FileName + "<br>" +
                        importFileUpload.PostedFile.ContentLength + " kb<br>" +
                        "Content type: " +
                        importFileUpload.PostedFile.ContentType;
                }
                catch (Exception ex)
                {
                    importLabel.Text = "ERROR: " + ex.Message.ToString();
                }
            }
            else
                importLabel.Text = "Only .csv files allowed!";
        }
        else
            importLabel.Text = "You have not specified a file.";
    }

Community · Accepted Answer · 2017-05-23 12:11:01Z

0

I have used dropzone.js before for this specific purpose. It does not require jquery. You should be able to do something like this below:

Dropzone.options.filedrop = {
acceptedMimeTypes: 'text/csv',
}

See this question on implementation for limiting specific mime types.

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Jul 9, 2014 at 3:36

etr

1,2472 gold badges8 silver badges15 bronze badges

Collectives™ on Stack Overflow

Creating a file upload feature without jquery or ajax

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest