Uploading a file using webapi C#[Answered] RSS

1 reply

Last post Oct 04, 2016 02:10 AM by Chris Zhao

‹ Previous Thread|Next Thread ›

Shortcuts

xavier.r.fer...

Member

3 Points

14 Posts

Uploading a file using webapi C#

Oct 03, 2016 07:23 AM|xavier.r.fernando|LINK

I have issues uploading a file using webapi C#.
The "System.Web.HttpContext.Current.Request.Files" always returns zero.
Any guess on where i am going wrong.

---------------------------------------------------------------------------------------------------------
.ASPX CODE :
---------------------------------------------------------------------------------------------------------
<body>
    <form id="form1" runat="server" enctype="multipart/form-data">
    <div>
        <input id="MyFile" type="file" size="66" accept="html" runat="server" name="MyFile">
        <input type="button" onclick="fntest()" />
    </div>
    </form>
</body>
---------------------------------------------------------------------------------------------------------
WEBAPI CALL:
---------------------------------------------------------------------------------------------------------
<script type="text/javascript">

        var fntest = function () {
            var inputdata = {
                Action: 'TEST'
            };
            var objRequest = { RequestType: "ApiHello", RequestInput: inputdata, ResponseType: 'HTML' };
            queryJsonDataTest("Test/ApiHello",
               "POST",
               function (data) {
                   var objData = JSON.parse(data).ResponseOutput;                   
               },
               JSON.stringify(objRequest));
        }
</script>
---------------------------------------------------------------------------------------------------------
TESTCONTROLLER.CS CODE:
---------------------------------------------------------------------------------------------------------
System.Web.HttpFileCollection hfc = System.Web.HttpContext.Current.Request.Files;
---------------------------------------------------------------------------------------------------------

Xavier Ruben Fernando B

Chris Zhao

All-Star

17652 Points

3510 Posts

Re: Uploading a file using webapi C#

Oct 04, 2016 02:10 AM|Chris Zhao|LINK

Hi Xavier,

You could add the uploaded file content to the form data collection.

A working sample.

UploadFile Page

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="Scripts/jquery-1.10.2.min.js"></script>
</head>
<body>
    <form>
        <div>
            <label for="fileUpload" />
            Select File to Upload: <input id="fileUpload" type="file" />

            <input id="btnUploadFile" type="button" value="Upload File" />
        </div>
    </form>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {

        $('#btnUploadFile').on('click', function () {

            var data = new FormData();

            var files = $("#fileUpload").get(0).files;

            // Add the uploaded image content to the form data collection
            if (files.length > 0) {
                data.append("UploadedImage", files[0]);
            }

            // Make Ajax request with the contentType = false, and procesDate = false
            $.ajax({
                type: "POST",
                url: "/api/file/uploadfile",
                contentType: false,
                processData: false,
                data: data
            });
        });
    });
</script>

Controller

public class FileController : ApiController
    {
        [HttpPost]
        public void UploadFile()
        {
            if (HttpContext.Current.Request.Files.AllKeys.Any())
            {
                // Get the uploaded image from the Files collection
                var httpPostedFile = HttpContext.Current.Request.Files["UploadedImage"];

                if (httpPostedFile != null)
                {
                    // Validate the uploaded image(optional)

                    // Get the complete file path
                    var fileSavePath = Path.Combine(HttpContext.Current.Server.MapPath("~/UploadedFiles"), httpPostedFile.FileName);

                    // Save the uploaded file to "UploadedFiles" folder
                    httpPostedFile.SaveAs(fileSavePath);
                }
            }
        }
    }

Best Regards,

Chris

‹ Previous Thread|Next Thread ›