The Drupal 6.x 이미지 업로드 버튼

나는 지금까지 Drupal 웹 사이트를 테마로하고 있습니다. 프로필 사진 6.x-1.4를 Drupal 6.24 플랫폼에서 사용하고 있습니다.The Drupal 6.x 이미지 업로드 버튼

나는 기본적으로이처럼 보이는 이미지 업로드 필드의 지점에 도착했다 : 이 Original upload helper

설계는 다음과 같이하기를 요구한다 :

What it needs to look like

을 지금까지 입력을 CSS로 설정했습니다 :

#user-register #edit-profile-picture-upload { 
    display: block; 
    background: transparent url(../images/button-upload.png) no-repeat scroll center center; 
    width: 130px; 
    height: 158px; 
}

그리고 이것은 filefield의 html입니다.

<div class="form-item" id="edit-profile-picture-upload-wrapper"> 
    <label for="edit-profile-picture-upload">Upload: </label> 
    <input type="file" name="files[profile_picture_upload]" class="form-file" id="edit-profile-picture-upload" size="40" /> 
</div>

그러나 그것은 단지 (파이어 폭스, 크롬 & 사파리에 훨씬 더) 다음과 같습니다

What its coming out like

어떻게 테마이 제대로 것? 또는 적어도 "Choose file/No file selected"버튼은 어디에서 오는 것입니까? 입력이 유형은 완전히 브라우저에 의존하기 때문에 입력 유형을 스타일링

출처

2012-02-28 Hank

는 = "파일"...

쉬운 일이 아닙니다하지만 당신은 여기에 답변을 많이 발견 할 것이다 : https://stackoverflow.com/search?q=style+input+file

당신이 할 수있는,에 대한 예 :

숨김 파일 입력,
트리거 클릭 사업부

PS에 사슬이 응답에 대한

출처

2012-02-28 10:53:35 soju

감사 드루팔 문제가되지 않습니다. 나는 필드의 가치를 유발할 것이 없었으므로 드루팔 (Drupal)이라고 생각하지 않았습니다. 어쨌든 그 게시물을 많이 읽은 후에는 입력 높이와 너비를 잘못된 기본 이미지와 동일하게 설정 한 다음 입력 불투명도를 0으로 설정합니다. 값이 변경되면 jQuery가 약간 트리거됩니다 (사용자가 파일을 선택) 기본 이미지가 업데이트됩니다. – Hank

The Drupal 6.x 이미지 업로드 버튼

답변

관련 문제