Sök  
 
Skribent Inlägget Löst
Google
 
     

  Forum » ASP.NET 2.0 » Modifiera FileUpload Control  
 
Skriven av: danne16 | den 11 september 2013 Kl 16:04
Modifiera FileUpload Control
Jag vill kunna formatera Bläddra-knappen i FileUpload Control genom att skapa en ny Button i ASP.NET enligt följande:

<%@ Page Language="VB" %>
<html>
<head>
  <script type="text/javascript">
  function triggerFileUpload() {
  document.getElementById("File1").click();
  document.getElementById("Text1").value = document.getElementById("File1").value;
  }
  </script>
</head>

<body>
  <form id="form1" runat="server">
  <div>
      <input id="File1" type="file" style=" visibility:hidden;" />
  <br />
  <input id="Text1" type="text" /><br />
      <br />
      <asp:Button ID="Button1" OnClientClick="triggerFileUpload()" runat="server"
  Text="ASPNET Button 'Bläddra'" />
      <br />
  </div>
  </form>
</body>
</html>  

Jag får det dock inte att fungera. Filen bara "blinkar till" i textrutan och försvinner sedan.
Är det någon som vet vad det är för fel?

Antal svar 2




Skriven av: Emill | den 22 september 2013 Kl 01:07
Pröva att lägga till ett onchange-event på din input type="file". I detta sätter du textboxen till filnamnet, alltså istället för att göra det precis efter filinputen.click() i triggerFileUpload.
Skriven av: Fettecke | den 30 september 2013 Kl 21:26
Jag tycker även du ska börja tänka lite större när det gäller javascriptet trots att du inte har så stor applikation.

Personligen tycker jag om att överförklara saker och ting i kod, just för att det blir enklare framöver i projektet. litet som stort.

Din kod skulle jag ha skrivit som följande.
Orsaken att jag skapar ett objekt och döper den till page är för att jag vill lägga allt i samma context, låta all javascript få en "förälder", page skulle du kunna döpa om till nått sidspecifikt, på så vis kan du se på objektsnamnet Var koden kommer från. i större lösningar där du inkluderar javascript på olika sidor så är det ännu viktigare att du vet Var koden kommer från, dels för att det underlättar för dig när du ska uppdatera, sedan kan du även gruppera kod och köra den effektivare.

i vissa av mina större projekt har jag runt 10-15 javascriptfiler, där är det rätt svårt att hålla reda på var vilken kod ligger om jag inte använder ett objekt som ärvs runtom.

Kod:

var page =  {};

page.triggerFileUpload = function triggerFileUpload() {
  document.getElementById("File1").click();
  document.getElementById("Text1").value = document.getElementById("File1").value;
}



Kod:

<asp:Button ID="Button1" OnClientClick="page.triggerFileUpload()" runat="server"
  Text="ASPNET Button 'Bläddra'" />

 
     

  Svara på inlägg  
 
Du måste vara medlem på ASPsidan för att kunna skriva i forumet.
För att bli medlem klicka här.
 
     

  » Logga in  
 
Användarnamn

Lösenord

 
     

  » Bli medlem  
  Bli medlem på ASPsidan!  
     

     
  Microsoft  
     

  » Partners  
  Comsolvia  
     
  » ANNONS  
  ingen annons än  
     

  » Senast online  
  Endast för inloggade  
  Antal inloggade: 1  
     

Copyright © 2007 www.ASPsidan.se
ingen sponsrar längre ASPsidan med Dedikerad Server
ASPsidan RSS
   
 XHTML / CSS
Det tog 0,3281 sekunder att ladda sidan