jqueryでテキストを画像に置き換えます。

Question

これはファイルの拡張子を検証するためのjqueryスクリプトです。

function ValidateExtension() { 
    var allowedFiles = [".csv", ".xlsx", ".txt"]; 
    var fileUpload = document.getElementById("product_file1"); 
    var lblError = document.getElementById("lblError"); 
    var regex = new RegExp("([a-zA-Z0-9\s_\\.\-:])+(" + allowedFiles.join('|') + ")$"); 
    if (!regex.test(fileUpload.value.toLowerCase())) { 
     lblError.innerHTML = "Please upload files having extensions: <b>" + allowedFiles.join(', ') + "</b> only."; 
     return false; 
    } 
    lblError.innerHTML = "Your file has been imported.Please wait few for minutes"; 
    return true; 
} 

ここに！

lblError.innerHTML = "Your file has been imported.Please wait few for minutes"; 

しかし、私は、

lblError.innerHTML = '<img src="/assets/spin.gif">'; 

NOTEをリンクにこれを変更しています：私が何をしようとしています何を、上記のコードは次のようであるのはなぜ？私はこのコード手段を編集しています。ファイルをアップロードする必要があるとき、メッセージはテキストを表示しますが、表示イメージのみを表示します。

これは可能ですか？

Answer 1

innerHTMLコンポーネントにイメージタグを挿入しようとすると、必ずエスケープ文字を使用する必要があります。このようにそれを行うと、それは意志100％の作業.Try

<img src=\`assets/spin.gif\`> 

以下、このコードは、それが助け場合、私に教えてください:)

Answer 2

はい、可能です。

これは、それはあなたが必要とされてhttps://jsfiddle.net/1kzoqg8x/

var lblError = document.getElementById("lblError"); 
lblError.innerHTML = '<img src="http://media.iterar.co/app-site/images/spinner.gif" />'; 

ルック？