estoy trabajando en MVC y quiero enviar una imagen a través de Ajax con Jquery, he podido enviar datos de texto pero hasta ahora no sé cómo hacer para enviar la imagen, ya que cuando lo pongo a ver qué datos me envió me sale como nulo
Este es el codigo de mi formulario tengo un input file y un input text
<input type="text" id="texto" />
<input type="file" id="fot" />
<input type="button" value="enviar" onclick="uploadAjax()" />
Este un mi function que es llamado del boton anterior, donde se encuentra mi ajax en el jalo los datos con el getelementbyid y los mando en un data
`
<script>
function uploadAjax() {
var inputFileImage = document.getElementById("fot").value;
var texto = document.getElementById("texto").value;
alert(texto + inputFileImage);
$.ajax({
url: 'xd/',
type: "POST",
data: { texto: texto, imagen: inputFileImage }
});
}
</script>`
El metodo del url es este debido a es mvc en c# uso un actionresult en el tengo dos parametros que son los que se reciben en el data, unicamente la variable texto me llega con un valor y el de HttpPostedFileBase sale como nula. En este caso solo quiero asegurarme de que se envien los datos porque lo voy aplicar en otro proyecto mas grandes, pero necesito el como enviar esa imagen
public ActionResult xd(string texto, HttpPostedFileBase imagen)
{
string sum = "holoa";
return View();
}