Imagens em uma página da Web são exibidos usando o código HTML "-&tag quot-. Você pode fazer upload de imagens do seu computador para uma página Web ASP.NET que utiliza um componente .NET chamado "-FileUpload&controle quot-. Você pode, em seguida, exibir a imagem, adicionando um outro componente .NET chamado "-Imagem"- controle automaticamente. Ambos os controles são incluídos com o produto Microsoft Visual Studio, ou a livre Microsoft Visual Web Developer Express Edition, cada um dos quais está disponível para download no site da Microsoft.
Coisas que você precisa
- Visual Studio 2005 ou mais tarde
- ASP.NET Web site habilitado
Criar um novo projeto
Abra o Visual Studio, acessando a pasta programa apropriado "-Start"- e "-todos os programas."
Clique "-File"- e "-New Project"- e selecione &Aplicação Web quot-ASP.NET"- a partir da lista de modelos do Visual Studio disponíveis.
Digite um nome de sua escolha na "-Name"- caixa de texto e clique no "-OK&botão quot-.
Criar o formulário
direito, clique sobre o nome do projeto no painel Solution Explorer, passe o cursor sobre " em Adicionar"- e clique "-Nova pasta."
Nomeie a pasta "-Images."
direita; clique no "-Default.aspx&arquivo quot- no painel Solution Explorer e esquerdo; clique "-View Designer."- (Nota: o designer fornece uma página vazia na qual você pode adicionar controles, texto e assim por diante).
Localize o "-FileUpload&controle quot- no painel de caixa de ferramentas e, em seguida, clique duas vezes para adicioná-lo à página. Alternativamente, você pode esquerda; clique e segure para arrastá-lo para sua página.
Localize o "-Button&controle quot- no painel de caixa de ferramentas e clique duas vezes para adicioná-lo à página.
Localize o "-Imagem&controle quot- no painel de caixa de ferramentas e clique duas vezes para adicioná-lo à página.
direita; clique no "-Button&controle quot- e esquerdo; clique "-Properties."
Mudar o "-Text&propriedade quot- de "-Button"- para "-Submit"- no painel Propriedades e pressione "-Enter"- no seu teclado.
Escrever o código de carregamento
Clique duas vezes no "-Submit&botão quot- para exibir o "-Default.aspx.cs&Código quot- por trás do arquivo. (Nota: todo o código que você digita hereon deve estar entre a abertura eo fechamento colchetes ("- {"- e "-}"-) do evento Button1_Click.)
Digitar:
cadeia filePath = "- ~ / Images /"-;pressione "-Enter"- no seu teclado.
Digitar:
string $ filename = FileUpload1.FileName.ToString ();Pressione `"-Enter no teclado.
Digitar:
FileUpload1.SaveAs (Server.MapPath (filePath) + fileName);pressione "-Enter"- no seu teclado.
Digitar:
Image1.ImageUrl = filePath + fileName;Clique no "-Save All&ícone quot- na barra de ferramentas padrão para salvar seu trabalho.
Construir e testar seu aplicativo
Clique "-construção [nome do projeto]"- no menu Build, onde Nome do projeto é o nome do projeto da Web, e verificar se não existem erros.
direita; clique no "-Default.aspx&A página quot- no painel Solution Explorer e esquerdo; clique "-View in Browser."
Clique no "-Browse&botão quot-, e dê um duplo-clique em um arquivo de imagem (por exemplo, .jpg, .jpg, .jpg) a partir do seu disco rígido do computador.
Clique no "-Submit&botão quot- e verificar a imagem que você enviou é exibida abaixo da "-Submit&botão quot-.
Se o teste funciona corretamente e a imagem é exibida, você pode em seguida, publicar o seu projecto para o seu site.
dicas & avisos
- Você pode fazer upload de várias imagens simplesmente adicionando mais controles de imagem à página.
- Você precisa garantir que você tenha criado as permissões de gravação para o diretório Imagens ao publicar seu projeto.
Como editar texto da imagem
Como inserir arquivos GIF animado no excel
Como salvar imagens como um pdf
Como copiar imagens de uma página da web
Como fazer upload de fotos de um CD para o computador
Como excluir vários favoritos no Internet Explorer
Como fazer upload de arquivos no Joomla