Se tiene un formulario con HTML donde hay dos campos, uno de texto y otro para archivos, al hacer el Submit, el controlador obtiene los datos y se puede trabajar con estos, pero al terminar el action, la pagina se recarga, en vez de ejecutar el AJAX o POST, y al final lo que necesito es que despues de ejecutar el action, me devuelve un JSON con los errores, y se vean en la vista donde esta el formulario de HTML (esto si funciona si solo se envía texto).
- He intentado incluso convertir los archivos a texto.
- Usar AJAX (Recarga).
- Usar POST (Recarga).
- Usar iFrame (funciona en parte pero abre una nueva pestaña).
Este es el formulario junto con algunos metodos de JS que he usado, algunos funcionan, pero siempre recargan la pagina (otros son de otro formulario pero al final hace lo mismo):
<script>
function crea() {
var data = new FormData();
var inputs_data = {
cia_base: $("#cia_base").val(),
compania: $("#compania").val(),
division: $("#division").val()
}
for (var x in inputs_data) {
data.append(x, inputs_data[x]);
}
data.append("logo", $("#logo").val());
data.append("archivo2", $("#archivo2").val());
$.ajax({
type: "POST",
url: "/Files/Post",
data: data,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (msg) {
console.log("success")
},
error: function () {
console.log("error")
}
});
}
function metodo() {
var data = new FormData();
data.append("file", document.getElementById("file"));
console.log("2");
$.ajax({
type: "POST",
url: "api/FileUpload/UploadFile",
contentType: false,
processData: false,
data: data,
success: function (result) {
console.log("3");
if (result) {
alert('Archivos subidos correctamente');
$("#inputFile").val('');
}
},
fail: function (result) {
console.log("4");
if (result) {
alert('Archivos subidos INcorrectamente');
$("#inputFile").val('');
}
}
});
}
function enviar() {
var url = "@Url.Action("Upload", "Home")";
var file = $("#file").val();
var data = { "file": file };
$.post(url, file).done(function (data) {
});
}
</script>
<form action="Home/upload" method="post" enctype="multipart/form-data" id="miForm" name="miForm" target="request">
<label for="photo">Photo:</label>
<input type="file" name="file" id="file" />
<label>Texto:</label>
<input type="text" name="text" id="text" />
<input type="submit" value="Upload" />
@*<input type="button" onclick="enviar()" value="Upload" />*@
</form>
Y este es el controlador:
[HttpPost]
public JsonResult Upload()
{
HttpPostedFileBase photo = Request.Files["file"];
string texto2 = Request.Params["text"];
//if (photo != null && photo.ContentLength > 0)
//{
// var fileName = Path.GetFileName(photo.FileName);
// photo.SaveAs(Path.Combine(directory, fileName));
//}
return Json("Index", JsonRequestBehavior.AllowGet);
}