Este artigo descreve o método de fazer upload de visualização de imagem por JS. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte
{
var arquivoextension = imgfile.value.substring (imgfile.value.lastindexof ("."), imgfile.value.length);
fileExtension = FILEEXTENNENT.TOLOWERCase ();
If ((fileExtension! = '.
{
Alert ("Desculpe, o sistema suporta apenas fotos em formatos padrão. Ajuste o formato e faça o upload novamente, obrigado!");
imgfile.focus ();
}
outro
{
Var Path;
if (document.all) // ie
{
imgfile.Select ();
path = document.Selection.Createrange (). Text;
document.getElementById ("imgpreview"). innerhtml = "";
document.getElementById ("imgpreview"). style.filter = "progid: dximagetransform.microsoft.alphaimageloader (habilitado = 'true', sizingmethod = 'scale', src =/" " + path +"/")" // Use o efeito do filtro do filtro
}
else // ff
{
caminho = imgfile.files [0] .GetasDataurl ();
document.getElementById ("imgpreview"). innerhtml = "<img id = 'img1' width = '120px' altura = '100px' src = '"+path+"'/>";
// document.getElementById ("img1"). src = path;
}
}
}
Chamado:
Copie o código da seguinte
style = "Largura: 200px; altura: 20px;" OnChange = "VisuewImage (this)" id = "upload" />
<div id = "imgpreview">
</div>
O efeito de operação é mostrado na figura abaixo:
Espero que este artigo seja útil para a programação JavaScript de todos.