我有一个ASP.NET MVC应用程序,通过输入和JQuery上传图像到服务器,这和代码:
Jquery:
function GuardarTicketsEntregados() {
var imagefile = document.getElementById("imageFile").files[0];
var cantidad = $("#txtCantidad").val();
var nroSocio = $("#txtNroSocio").val();
var descripcion = $("#txtDescripcion").val();
var centroCosto = $("#cboListaCentrosCosto option:selected").text();
var montoTotal = $("#txtMontoTotal").val();
var listaTickets = [];
var formData = new FormData();
$(".ticket").each(function (i) {
listaTickets.push(this.value);
});
formData.append("cantidad", cantidad);
formData.append("listaTickets", listaTickets);
formData.append("observaciones", descripcion);
formData.append("nroSocio", nroSocio);
formData.append("centroCosto", centroCosto);
formData.append("montoTotal", montoTotal);
formData.append("archivo", imagefile);
$.ajax({
url: "../TicketsCash/GuardarTicketsEntregados",
traditional: true,
type: 'post',
dataType: 'json',
contentType: false, // Not to set any content header
processData: false, // Not to process data
async: true,
data: formData,
success: function (data) {
if (data.correcto) {
swal("Exito", data.mensaje, "success");
document.getElementById('txtCantidad').value = 0;
document.getElementById('txtMontoTotal').value = 0;
document.getElementById('txtDescripcion').value = "";
document.getElementById('txtNroSocio').value = "";
document.getElementById('cboListaCentrosCosto').value = "No especifica";
EscanearTicketsEntrega();
//$('#modalModificarNivelExitoso').modal({
// backdrop: true
//})
}
else {
swal("Atencion", data.mensaje, "warning");
}
},
error: function (data) {
swal("Error", "Error al procesar la solicitud.", "error");
}
});
}
和html:
<input id="imageFile" type="file" name="imageFile" accept="image/png, image/jpeg" />
<button id="btnEntregarTickets" type="button" class="btn btn-lg btn-primary">Entregar</button>
现在我想拍摄照片http://www.scriptcam.com/因此必须采取
<img id="image" style="width:500px;height:500px;" />
有没有办法将图像的src转换为文件,这样我就不必更改控制器中的代码了? 我还有其他选择吗?
非常感谢