インライン画像の概念に出会ったばかりです。画像ファイルがインライン画像用に Base64 にエンコードされている場合でも、以下のコードを見て、http リクエストを減らすことができますが、その欠点がわかります。それは、ドメインをまたがってキャッシュすることはできないということです。 コードをコピーコードは次のとおりです: オンラインで写真を Base64 に変換する方法 のみに依存する場合単純な JavaScript、権限の問題のある js が存在します。セキュリティ上の理由から、ローカル ファイルまたはフォルダーの操作は許可されていませんHTML5 が登場した今、Baidu には中国語や w3c のドキュメントを含む多くの情報があります http:/ /www. w3.org/TR/FileAPI/ 今回は html5 のファイル API にある readAsDataURL 関数を使用します。これはファイルを Base64 エンコードに変換する関数です。 コードをコピーしますコードは次のとおりです: <br><script> document.getElementById("demo_input") ; <br>var result= document.getElementById("result"); <br>var img_area = document.getElementById("img_area"); <br>if ( typeof(FileReader) = '未定義' ){ <br>result.innerHTML = "申し訳ありませんが、お使いのブラウザは FileReader をサポートしていません。最新のブラウザを使用してください。 "; <br>input.setAttribute( 'disabled','disabled' ); <br>} else { <br>input.addEventListener( 'change',readFile,false );} <br>} <br>関数 readFile (){ <br>var file = this.files[0]; <br>//ここで画像でない場合は、それを返して削除します。<br>の場合(!/image/w /.test (file.type)){ <br>alert("ファイルの種類が画像であることを確認してください"); <br>return false; <br>var Reader = new FileReader(); <br>reader.readAsDataURL(file); <br>reader.onload = function(e){ <br>result.innerHTML = '<img src="' this.result '" alt=" "/>gt;'; <br />img_area.innerHTML = '<div class="sitetip">画像 img タグ表示: </div><img src="' this.result '" alt="" />'; <br>} <br> } <br></script> <br><body> <br><input type="file" value=" sdgsdg" id="demo_input" /> <br><textarea id="result" rows=30cols=300></textarea> <br><p id="img_area"></p> ; <br><br> <br> </div>