How to upload bytes to a server and not die trying: ASP .NET Web API

How to upload bytes to a server and not die trying: ASP .NET Web API

In many occasions, the need to upload a file to the server without using a form arises. Whether it is to develop a single page application or just because of requirements of the system.

There are two simple ways to do this. The first one using Multipart Mime Type and the other way is by using FileReader from the File API of HTML5.

It may be suitable to use one or the other depending on the situation. On one side, the first mentioned uses capacities that exist in all browsers, while the other has a much simpler server code.

You can observe an example using both methods at this Github link. The files to look out for are:

  • demo.js
    • Contains the code on the client side showing how the information is sent using both ways.
  • FileController.cs
    • ​ Contains the code on the server side that manages the procesing of the bytes that arrive.

By Emiliano Conti at Arkano Software

Frontend Egineer

 

Muchas veces se presenta la necesidad de subir un archivo al servidor sin utilizar un form. Ya sea que se

esté desarrollando una Single Page Application, o simplemente porque los requerimientos del sistema se

encuentran dados de esta manera.

Existen dos formas sencillas de realizar esto.​ La primera es utilizando Multipart Mime Type Content y la

segunda utilizando FileReader de la File API de HTML5

Dependiendo de la situación puede ser deseable utilizar uno u otro. Ya que por un lado se utilizan

capacidades presentes en todos los navegadores, mientras que en el segundo el código del lado del

servidor es un poco más sencillo.

En este Repositorio de Github se puede ver un ejemplo utilizando los dos métodos. Los archivos

importantes que se deben ver son:

  • demo.js
    Contiene el código del lado del cliente que envía la información de las dos formas posibles antes mencionadas.
  • FileController.cso ​
    Contiene el código del lado del servidor que maneja el procesamiento de los bytes que llegan para ambos enfoques de la solucion.

Por Ing. Emiliano Conti

Frontend Egineer en Arkano Software

Share This
Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn