Introdução
Usando o objeto FileReader, os aplicativos da Web podem ler de maneira assíncrona o conteúdo de arquivos (ou buffers de dados brutos) armazenados no computador do usuário e podem usar objetos de arquivo ou objetos BLOB para especificar o arquivo ou os dados a serem processados. O objeto de arquivo pode ser do objeto Filelist retornado pelo usuário após selecionar um arquivo em um elemento <input type = "text" />, ou do objeto Datatransfer gerado pela operação de arrastar e soltar ou do resultado de retorno depois de executar o método mozgetasfile () em um htmlCcanVaseSelement.
Várias páginas, envie vários códigos de demonstração de imagens
<! Doctype html> <html> <head> <title> Faça o upload da imagem para exibir a imagem de visualização </title> <ylem> #result img {altura: 100px; Exibição: bloco embutido; Margem-direita: 10px; Margin-Bottom: 10px; } </style> </head> <body> <div> <p> <belt> Por favor, selecione um arquivo de imagem: </label> <input type = "file" id = "file_input" style = "display: nenhum;" " /> </p> <div id = "resultado"> <a href = "javascript: void (0);"> adicione imagem </a> </div> </div> <div> <p> <belty> Selecione um arquivo de imagem: </belt> <input type = "file" = "file_input" style = "display: nenhum: nenhum;" /> </p> <div id = "resultado"> <a href = "javascript: void (0);"> adicione imagem </a> </div> </div> <script src = "jQuery-2.2.1.min.js"> </script> <cript> $ (". $ (this) .Parents (". resultado.innerhtml = "Desculpe, seu navegador não suporta o FileReader"; input.SetAttribute ('desativado', 'desativado'); } else {$ (input) .unbind ("alteração"). function (e) {$ (resultado) .Append ('<img src = "'+this.result+'"/>');O exposto acima é tudo sobre este artigo, e espero que seja útil que todos aprendam programação de JavaScript.