O JavaScript implementa o arquivo de seleção do arquivo do cliente e a imagem do cliente de etiqueta IMG para obter a visualização da imagem.
Navegadores de teste: Firefox6, Firefox12, Chrome 25.0.1364.172 m, ie6-ie10 são todos compatíveis
Safari5.0.4 não suporta o FileReader e o File.Files.item (0) .GetasDataurl Métodos. Não há solução para o tempo. Você precisa enviá -lo para o servidor e retornar o nome do arquivo temporário e carregá -lo com a tag IMG. Não sei se a versão do Safari subsequente suporta objetos FileReader.
IE10 Efeito:
Efeitos do IE9:
Implementar código -fonte:
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "txt/html; charset = utf-8"/> title> javascript implements ie, firefox clientes; IE6 é IE6. Julgando que o userAgent não é necessariamente preciso se (document.all) document.write ('<!-[se lte ie 6]> <script type = "text/javascript"> window.ie6 = true <// script> <! [Endif]->'); // var ie6 =/msie 6/i.test (Navigator.UserAgent); // Não recomendado, alguns sistemas ie6 userAgent serão IE7 ou IE8 Alterar (picid, fileId) {var pic.Get.getElementById (picid); var arquivo = document.getElementById (fileId); if (window.fileReader) {// Chrome, Firefox7+, Opera, IE10, IE9, IE9 também pode usar filtros para implementar o Ofreader = new FileReader (); OfReader.readasDataurl (file.files [0]); OfReader.onload = function (ofrevent) {pic.src = ofrevent.target.result;}; } else if (document.all) {// ie8- file.select (); var realLocalPath = document.selection.createrange (). text // Obtenha o caminho de arquivo local real no ie if (window.ie6) pic.src = realLocalPath; // IE6 navegador define o SRC da IMG ao caminho local para exibir diretamente a imagem mais {// IE6 da versão do IE Definir diretamente o SRC da IMG não pode exibir a imagem local devido a problemas de segurança, mas pode ser implementada por meio de filtros. O navegador IE10 não suporta filtros e precisa usar o FileReader para implementá -lo. Portanto, tenha cuidado para julgar que o FileReader primeiro pic.style.filter = "progid: dximageTransform.microsoft.alphaimageloader (sizingmethod = 'imagem', src =/" " + realLocalpath +"/")"; pic.src = 'Dados: imagem/gif; base64, r0lgodlhaqabaiaaap /// waaach5baeaaaaaaaaaaaaaaaaaaaaaaaaaaaaicaoow =='; // defina o IMG para uma figura transparente »» »oded (Base64, e não será exibida IMG para a Src para uma figura de base {// firefox6- if (file.files.item (0)) {url = file.files.item (0) .GetasDataurl (); pic.src = url; } } }</script></head><body><form name="form1" enctype="multipart/form-data"><table><tr><td> Sketch 1: </td><td ><input type="file" name="file1" id="file1" onchange="change('pic1','file1')"></td><tr><td> Sketch 1: </td> <td> <img src = "imagens/px.gif" id = "pic1"> </td> </tr> <tr> <td> esboço 2: </td> <td> <input type = "file" name = "file2" iD "" "" Onnchange = "alteração ('2 As