Compartibilidade de browsers de um botão chamar outro
$("#btnImg<%=i%>")
.button
(
{
text : "Alterar",
icons : "ui-icon-disk"
}
)
.click(function () { $fileInput<%=i%>.click(); });
$fileInput<%=i%>.on
(
'change', function ()
{
var $btn = $("#btnImg<%=i%>");
var btnOriginalValue = $btn.attr("value");
$btn.attr("value", "AGUARDE...");
$btn.prop("disabled", true);
var $form = $fileInput<%=i%>.parents("form");
var formAction = $form.attr("action");
var formMethod = $form.attr("method");
var formEnctype = $form.attr("enctype");
var formEncoding = $form.attr("encoding");
var formTarget = $form.attr("target");
Efetiva.Lib.fileUpload
(
$fileInput<%=i%>,
'Upload.ashx',
function (status, file)
{
if (status == 0)
{
$("#imgImg<%=i%>").attr("src", "../../Uploads/" + file);
$("#txtImg<%=i%>").attr("value", file);
}
else
{
alert(file);
}
var $formAux = $fileInput<%=i%>.parents("form");
$formAux.removeAttr("action");
$formAux.removeAttr("method");
$formAux.removeAttr("enctype");
$formAux.removeAttr("encoding");
$formAux.removeAttr("target");
$formAux.attr("action" , formAction);
$formAux.attr("method" , formMethod);
$formAux.attr("enctype" , formEnctype);
$formAux.attr("encoding", formEncoding);
$formAux.attr("target" , formTarget);
$fileInput<%=i%>.attr("value", "");
$btn.prop("disabled", false);
$btn.attr("value", btnOriginalValue);
}
);
}
)
<div class="documentosInput">
<input type="button" id="btnImg<%=j%>" value="Procurar..." />
</div>
O botão btnImg chama o fileInput. O btnImg foi feito porque não tinha como estilizar o fileInput, então foi criado o btnImg. Isso funciona no Chrome, somente o Firefox e no IE que não.
Como posso fazer para resolver isso?
Discussão (0)
Carregando comentários...