2016-12-05 5 views
0

사용자 정의 파일 입력의 기본 텍스트를 스페인어로 표시하려고 변경하려고합니다. 내가 사용 자바 스크립트가 Translating or customizing the strings (페이지 하단)부트 스트랩 4 - 자바 스크립트 큐

$fileCustom: (
    placeholder: (
    en: "Choose file...", 
    es: "Seleccionar archivo..." 
), 
    button-label: (
    en: "Browse", 
    es: "Navegar" 
) 
); 

에 제안

 <div class="card"> 
      <div class="card-header"> 
       <h2>12. Carga de ficheros customizado</h2> 
      </div> 
      <div class="card-block"> 
       <form> 
       <div class="form-group"> 
        <label class="custom-file"> 
         <input type="file" id="fileCustom" class="custom-file-input"> 
         <span class="custom-file-control"></span> 
        </label> 
        <small id="fileCustom" class="form-text text-muted">Para hacerlo personal 
        hay que envolver en una etiqueta el elemento input. 
        </small> 
       </div> 
       </form> 
      </div> 
     </div> 

난 이미 내 문서 <html lang="es">의 언어를 변경 한 아마 실수는에 자바 스크립트와 HTML 코드 사이의 관계를 설명했지만 인터넷에서 솔루션을 찾을 수 없었습니다.

답변

0

나는 "... Seleccionar 기록 보관소"당신은 당신이보고 싶다고 이미지를 사용하는 것이 좋습니다 및 ES :

var W3CDOM = (document.createElement && document.getElementsByTagName); 

function initFileUploads() { 
    if (!W3CDOM) return; 
    var fakeFileUpload = document.createElement('div'); 
    fakeFileUpload.className = 'fakefile'; 
    fakeFileUpload.appendChild(document.createElement('input')); 
    var image = document.createElement('img'); 
    image.src='pix/button_select.gif'; 
    fakeFileUpload.appendChild(image); 
    var x = document.getElementsByTagName('input'); 
    for (var i=0;i<x.length;i++) { 
     if (x[i].type != 'file') continue; 
     if (x[i].parentNode.className != 'fileinputs') continue; 
     x[i].className = 'file hidden'; 
     var clone = fakeFileUpload.cloneNode(true); 
     x[i].parentNode.appendChild(clone); 
     x[i].relatedElement = clone.getElementsByTagName('input')[0]; 
     x[i].onchange = x[i].onmouseout = function() { 
      this.relatedElement.value = this.value; 
     } 
    } 
} 

N : "Navegar는" 당신은 코드의 라인 아래에 사용할 수 있습니다 : B : 위의 코드에서 이미지 URL을 변경해야합니다.