jQuery를 내가 하나의 제어를 위해 그것을 구현하는 관리 <a href="http://www.appelsiini.net/projects/filestyle" rel="nofollow noreferrer">LINK</a></p> <p>기본 파일 업로드 제어를위한 CSS를 변경하려면 다음 자습서를 사용하고 asp.net

Question

에서 하나의 파일 업로드 컨트롤에 바인딩하지만 난 네 개의 파일 업로드 작업 필요 같은 페이지에서 컨트롤.

문제는 하나의 컨트롤에만이 기능을 구현한다는 것입니다. 나는 그것이 클래스에 대한 작업을 변경

// For Custom FileUpload 
    $("input[type=file]").filestyle({ 
     image: '<%= ResolveUrl ("~/images/browse.png") %>', 
     imageheight: 22, 
     imagewidth: 82, 
     width: 128 
    }); 

그것은 여전히에만

$(".fileUpload").filestyle({ 
    image: '<%= ResolveUrl ("~/images/browse.png") %>', 
    imageheight: 22, 
    imagewidth: 82, 
    width: 128 
}); 

HTML 코드 샘플

<div class="row-form"> 
    <div class="row-lbl-wrapper"> <span class="row-req">*</span> 

     <asp:Label ID="Label1" runat="server" CssClass="row-label" Text="CV:"></asp:Label> 
    </div> 
    <div class="file-upload-wrapper"> 
     <asp:FileUpload ID="FileUpload1" runat="server" CssClass="fileUpload" /> 
     <asp:Button ID="btnUploadCV" runat="server" Text="Upload" CssClass="btn-upload" onclick="btnUploadCV_Click" ValidationGroup="Careers" /> 
     <asp:Button ID="btnProcessData" runat="server" Text="Process Data" OnClick="btnProcessData_Click" Visible="False" /> 
     <asp:Label ID="lblImageMSG" runat="server" Text=""></asp:Label> 
    </div> 
    <div class="tooltip tooltip-override" title="Allowed file formats are .pdf, .doc and .docx."> 
     <asp:Image ID="Image2" CssClass="tooltip-img" runat="server" ImageUrl="~/images/tooltipgreen.png" /> 
    </div> 
    <asp:RequiredFieldValidator ID="rfvF1" runat="server" ValidationGroup="Careers" ErrorMessage="*" CssClass="row-validate" ControlToValidate="FileUpload1"></asp:RequiredFieldValidator> 
</div> 
<div class="row-form"> 
    <div class="row-lbl-wrapper"> <span class="row-req">*</span> 

     <asp:Label ID="Label2" runat="server" CssClass="row-label" Text="CV:"></asp:Label> 
    </div> 
    <div class="file-upload-wrapper"> 
     <asp:FileUpload ID="FileUpload2" runat="server" CssClass="fileUpload" /> 
     <asp:Button ID="Button1" runat="server" Text="Upload" CssClass="btn-upload" onclick="btnUploadCV_Click" ValidationGroup="Careers" /> 
     <asp:Button ID="Button2" runat="server" Text="Process Data" OnClick="btnProcessData_Click" Visible="False" /> 
     <asp:Label ID="Label3" runat="server" Text=""></asp:Label> 
    </div> 
    <div class="tooltip tooltip-override" title="Allowed file formats are .pdf, .doc and .docx."> 
     <asp:Image ID="Image3" CssClass="tooltip-img" runat="server" ImageUrl="~/images/tooltipgreen.png" /> 
    </div> 
</div> 

칸트는 우리가 모든 파일의 스타일을 변경하는 변경 첫 번째 컨트롤에 대한 implementd 업로드 제어. 예는

Answer 1

을 어떻게 보이는지 먼저 디버깅해야하는 경우

$ (". 파일 업로드")

는 여러 개체를 반환합니다. 또한 css 클래스가 예상대로 존재하는지 여부에 관계없이 결과 페이지를 브라우저에서 검토하십시오.

사용중인 플러그인을 검토 한 결과 여러 개체를 지원하는 것으로 보입니다.