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 - http://asp.net-tutorials.com/controls/file-upload-control/ is a concise explanation, there are many others. Good luck. — sh1rts, Jul 09 '14 at 03:17

score 1 · Accepted Answer · answered Jul 09 '14 at 03:13

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.";
    }

score 0 · Answer 2 · edited May 23 '17 at 12:11

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 '17 at 12:11

Community

1
1

answered Jul 09 '14 at 03:36

etr

1,252
2
8
15

Creating a file upload feature without jquery or ajax

2 Answers2