ブートストラップ4 - JavaScript cus

私はカスタムファイル入力のデフォルトテキストをスペイン語で表示するように変更しようとしています。私が使用しているJavaScriptがTranslating or customizing the strings（ページの下部）ブートストラップ4 - JavaScript cus

$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">の言語を変更した、おそらく間違いはですjavascriptとHTMLコードの間には関係がありますが、インターネット内で解決策を見つけることはできませんでした。

出典

2016-12-05 Noelia Rico

私はあなたが表示したい画像を使用することをお勧め "Seleccionar archivoを..." とES： "Navegar" あなたはコードの行の下に使用することができます。

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： B：上のコードから画像のURLを変更する必要があります。

出典

2016-12-05 11:37:33 shakil

ブートストラップ4 - JavaScript cus

答えて

関連する問題