使用jquery将img src转换为file

时间:2016-06-14 20:43:46

标签: javascript jquery html asp.net

我有一个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转换为文件,这样我就不必更改控制器中的代码了? 我还有其他选择吗?

非常感谢

0 个答案:

没有答案