ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 ファイルを使用して、base64 を image_html5 に変換するチュートリアル スキル

HTML5 ファイルを使用して、base64 を image_html5 に変換するチュートリアル スキル

WBOY
リリース: 2016-05-16 15:49:07
オリジナル
1934 人が閲覧しました

インライン画像の概念に出会ったばかりです。画像ファイルがインライン画像用に Base64 にエンコードされている場合でも、以下のコードを見て、http リクエストを減らすことができますが、その欠点がわかります。それは、ドメインをまたがってキャッシュすることはできないということです。



コードをコピーコードは次のとおりです:


オンラインで写真を Base64 に変換する方法

のみに依存する場合単純な JavaScript、権限の問題のある js が存在します。セキュリティ上の理由から、ローカル ファイルまたはフォルダーの操作は許可されていません

HTML5 が登場した今、Baidu には中国語や w3c のドキュメントを含む多くの情報があります http:/ /www. w3.org/TR/FileAPI/

今回は html5 のファイル API にある readAsDataURL 関数を使用します。これはファイルを Base64 エンコードに変換する関数です。



コードをコピーしますコードは次のとおりです: