Estoy generando un canvas dentro de mi aplicación, luego me gustaría subir lo que se cree en ese canvas como una imagen png
a mi servidor. El problema que estoy teniendo es que se sube, con peso obviamente pero la imagen no se ve.
El canvas queda en base 64
var img_b64 = fotoFirmaService.getImagenFirma(); //base64 de la imagen
var png = img_b64.split(',')[1];
var the_file = new Blob([window.atob(png)], { type: 'image/png', encoding: 'utf-8' });
var imagen_firma = new File([the_file], 'imagen_firma.png', { type: 'image/png' });
Al imprimir el valor de imagen_firma
obtengo :
File {
lastModified : 1489088454413
lastModifiedDate : Thu Mar 09 2017 16:40:54 GMT-0300 (CLT)
name : "imagen_firma.png"
size : 16926
type : "image/png"
webkitRelativePath : ""
}
Sin embargo, la imagen en mi servidor queda vacía. Hago el mismo procedimiento con input tipo file, pero se suben correctamente. Imprimi la estructura de esos archivos y son idénticas a este File pero en este caso no funciona.
EDIT
Es con este codigo que subo el archivo a mi servidor :
var payload = new FormData();
payload.append('file', imagen_firma);
$http({
method: 'POST',
url: 'dsaasas/UploadImage/' + imagen_firma.name,
data: payload,
headers: { 'Content-Type': undefined },
transformRequest: angular.identity
}).then(function successCallback(response) {
// this callback will be called asynchronously
// when the response is available
console.log("bien");
console.log(response);
}, function errorCallback(response) {
console.log(response);
// called asynchronously if an error occurs
// or server returns response with an error status.
});
Y este es mi codigo C#, esta con WCF
public string UploadImage(string fileName)
{
try
{
HttpPostedFile file = HttpContext.Current.Request.Files[0];
if (file == null)
return null;
string targetFilePath = WebConfigurationManager.AppSettings["FilePath"] + fileName;
file.SaveAs(targetFilePath);
return "succ " + file.FileName.ToString();
//return fileName;
}
catch (Exception ex)
{
return ex.Message + " - " + ex.InnerException;
}
}