1. ホーム
  2. Web制作
  3. HTML/Xhtml

ローカルフォルダから画像を読み込んで表示する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つの効果

以上が今回の記事の内容ですが、皆様の学習の一助となり、スクリプトハウスをより一層応援していただければ幸いです。