ローカルフォルダから画像を読み込んで表示するHTMLサンプルコード
2022-01-08 11:16:13
私の目的
Html上でローカルフォルダを選択すると、そのフォルダとサブフォルダ以下のすべての画像を自動的に読み込み、ページに表示します。
テクニカル分析
既存の問題点
- Htmlのfileタグで取得したパスは相対パスです。
- HtmlでImgのsourceを指定する場合は、絶対パスが必要です。
解決策
readAsDataURLメソッドでWeb APIインターフェイスFileReaderを呼び出すと、データを(この関数パラメータファイルタグファイルパスを取得する)を読み取るために、次にFileReader(base64形式)にデータをロードすると、Imgを使用してソースを指定できる後、あなたは画像を描くことができますbase64形式のデータです。
<スパン II コード
//Get the notification manager
NotificationManager manager = (NotificationManager)getSystemService(ns);
Notification notification = new Notification(R.drawable.ic_launcher,
getText(R.string.app_name), System.currentTimeMillis());
CharSequence contentTitle = getResources().getText(R.string.title);
CharSequence contentText = getResources().getText(R.string.text);
Intent intent = new Intent(TimeService.this, TimeActivity.class);
PendingIntent contentIntent = PendingIntent.getActivity(TimeService.this, 0,
intent, Intent.FLAG_ACTIVITY_NEW_TASK);
// Define the notification behavior
notification.setLatestEventInfo(TimeService.this, contentTitle, contentText, contentIntent);
3つの効果
以上が今回の記事の内容ですが、皆様の学習の一助となり、スクリプトハウスをより一層応援していただければ幸いです。
関連
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
複雑なテーブルヘッダーを実現するためのhtmlテーブルのサンプルコード
-
element-uiのSelectとCascaderに、ポップアップ式のボトムアクションボタンを追加する方法
-
div+CSSを使ったシンプルな矢印アイコンのHTMLコード
-
HTMLのキーワードをハイライトするための完璧なソリューション
-
HTMLの異空間の特徴と表現を探る(推奨)
-
HTMLタグのhref属性で相対パスと絶対パスの使い分けを解説
-
一般的なHTMLメタタグの属性(ウェブサイトの互換性と最適化のために必要なもの)
-
htmlタグのカスタム属性に関する質問
-
画像ボタンをリセットフォームボタンとして使用する方法
-
htmlのテーブルタグについて語る