Javascript FileReaderのbase64文字列から型を除去する方法は?
2023-09-16 19:02:14
質問
私のJavascriptに以下のようなコードがあります。
var reader = new FileReader();
reader.onloadend = function () {
alert(reader.result);
};
これで、以下のようなデータが表示されました。
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAAAAABX3VL4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gYSDCUgSze0AAAAAA5JREFUCNdjrGJgYmAAAAJ0AH4SDHVIAAAAAElFTkSuQmCC
カンマの後の部分だけが欲しいということです。私はそれを
reader.result.value
,
reader.result.valueOf()
などの組み合わせがありますが、コンマの後ろから始まるbase64文字列を取得するための正しい方法が見つかりません。2つ目のアイデアは、コンマとその前のすべてを単純に取り除くことですが、それをどのように行うのかがよくわかりません。
どなたか、これを実行する方法をご存知でしょうか?すべてのヒントを歓迎します!
どのように解決するのですか?
以下の関数で解決できます。
var base64result = reader.result.split(',')[1];
これは、文字列を文字列の配列に分割し、最初の項目(インデックス0)には
data:image/png;base64
を含む文字列の配列に分割し、2 番目の項目 (インデックス 1) に base64 でエンコードされたデータを格納します。
もう一つの解決策は、カンマのインデックスを見つけ、カンマの前とカンマを含むすべてを単純に切り捨てることです。
var base64result = reader.result.substr(reader.result.indexOf(',') + 1);
参照 JSFiddle .
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
-
[解決済み] AngularJSのエラーです。Cross Origin リクエストはプロトコルスキーム http, data, chrome-extension, https に対してのみサポートされています。
-
[解決済み] ExtJS 4のイベントハンドリングについて
-
[解決済み] Promise : then vs then + catch [重複].
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] <Enter>でjQuery UIダイアログを送信する
-
[解決済み] 文字列がすべて同じ部分文字列で構成されているかどうかを調べるにはどうすればよいですか?
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] javascript の関数から `undefined` と `null` のどちらを返すのが良いのでしょうか?
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] Javascript / jQueryでAndroid端末を検出する。
-
[解決済み] BlobからArrayBufferへ移行する方法
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)