JavaScript のシンプルな画像ビューア

2024 年 11 月 18 日に公開

ブラウズ：675

Simple Image Viewer in JavaScript

これは、Web ブラウザーで動作する非常にシンプルな画像ビューアーです。単一の .html ファイルと 36 行のコードを使用します。コードをindex.htmlとして保存します。このファイルをクリックすると、ブラウザにウィンドウが開き、表示する画像をPCから選択できます。 1024 x 1024 の画像を開くことができました - いいですね。

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



    Simple Image ViewerSimple Image Viewer

ベン・サントラ - 2024 年 10 月

リリースステートメントこの記事は次の場所に転載されています: https://dev.to/benslinux2024/simple-image-viewer-in-javascript-3ge4?1 侵害がある場合は、[email protected] に連絡して削除してください。

最新のチュートリアルもっと>

MySQL を使用して今日が誕生日のユーザーを見つけるにはどうすればよいですか?
MySQL を使用して今日の誕生日を持つユーザーを識別する方法MySQL を使用して今日がユーザーの誕生日かどうかを判断するには、誕生日が一致するすべての行を検索する必要があります。今日の日付。これは、UNIX タイムスタンプとして保存された誕生日と今日の日付を比較する単純な MySQL クエリを通...

プログラミング 2024 年 11 月 18 日に公開
$\"\" は HTML スパンタグを閉じる有効な方法ですか?$
\"\" は HTML スパンタグを閉じる有効な方法ですか?
」は HTML スパンタグを閉じる有効な方法ですか? " />HTML スパンを "" で閉じることはできますか?HTML スパンを "" ヒンジで閉じることの有効性XHTMLXHTML では、XML 標準に準拠しており、すべての主要なブラウザは...

プログラミング 2024 年 11 月 18 日に公開
一意の ID を保持し、重複した名前を処理しながら、PHP で 2 つの連想配列を結合するにはどうすればよいですか?
PHP での連想配列の結合PHP では、2 つの連想配列を 1 つの配列に結合するのが一般的なタスクです。次のリクエストを考えてみましょう:問題の説明:提供されたコードは 2 つの連想配列 $array1 と $array2 を定義します。目標は、両方の配列のすべてのキーと値のペアを統合する新しい配...

プログラミング 2024 年 11 月 18 日に公開
配列からパラメータを渡して実行をシーケンスする方法は?
配列から渡されるパラメーターによる Promise の順次実行値の配列 (例: myArray) があり、Promise を実行する必要があるシナリオを考えてみましょう。ベースの関数 (myPromise など) を順番に実行し、各配列要素をパラメータとして渡します。 Promise が正しい順序で...

プログラミング 2024 年 11 月 18 日に公開
PDO で接続タイムアウトを設定するにはどうすればよいですか?
PDO での接続タイムアウトの設定: 総合ガイドPHP データオブジェクト (PDO) を使用してデータベースに接続すると、例外を取得する際に大幅な遅延が発生します。サーバーが利用できないとイライラすることがあります。この問題は通常、PDO::setAttribute() メソッドを使用する前に発...

プログラミング 2024 年 11 月 18 日に公開
$Python 3 で UDP ソケット経由でデータを送信するときに「TypeError: a bytes-like object is required, not \'str\'\」を修正する方法は?$
Python 3 で UDP ソケット経由でデータを送信するときに「TypeError: a bytes-like object is required, not \'str\'\」を修正する方法は?
デコードソケットは「TypeError: 'str' ではなく、バイトのようなオブジェクトが必要です。を変更しようとしています」を解決するためにデータを送信しますUDP ソケットを介したユーザー入力の場合、提供されたコードは、文字列の代わりにバイトのようなオブジェクトが必要である...

プログラミング 2024 年 11 月 18 日に公開
CSS の絶対単位と相対単位
CSS で要素をスタイル設定する場合、絶対単位と相対単位の 2 つのカテゴリの単位から選択できます。それぞれの内訳と違いは次のとおりです: 1.絶対単位絶対単位は固定測定単位です。これらは他の要素や画面サイズの影響を受けません。つまり、使用されるコンテキストに関係なく、サイズは一定...

プログラミング 2024 年 11 月 18 日に公開
Windows で ROOT パスワードをリセットするときに MySQL が警告をスローするのはなぜですか?
Windows 上の MySQL での ROOT パスワードのリセット: 警告メッセージと正常な終了Windows 上の MySQL で root パスワードをリセットするには、ユーザーのパスワードの変更が必要です。 MySQL 5.6 のローカルインストールのパスワードをリセットする手順に従うと...

プログラミング 2024 年 11 月 18 日に公開
ゴータイムとその2つの時計
Go で時間の経過を計算するには、を使用できます。 start := time.Now() // long time consuming task duration := time.Since(start) しかし、Go の time パッケージには実際には 2 つの時間が含まれており、time....

プログラミング 2024 年 11 月 18 日に公開
メディアクエリを使用せずに 3 列から 1 列への流動的なレイアウトを作成する方法
メディアクエリなし: 流動的な 3 列デスクトップから 1 列モバイルレイアウトを実現従来のメディアクエリは、モバイルレイアウトの適応において重要な役割を果たしますウェブサイトのレイアウトをさまざまな画面サイズに対応させます。ただし、真に流動的で応答性の高いデザインの作成を追求する中で、メデ...

プログラミング 2024 年 11 月 18 日に公開
一見無害な割り当てにもかかわらず、C++ コードが無限ループに陥るのはなぜですか?
C の無限出力ループ提供された C コードでは、予期しない無限ループが発生し、連続する一連の数値 ("0) が出力されます。詳しく調べると、犯人は一見無害な代入ステートメント「delta」であることがわかります。 = mc[di]" をループ内で実行します。この割り当ては、最...

プログラミング 2024 年 11 月 18 日に公開
C# で MySQL ホストに接続できないのはなぜですか?
C# で MySQL ホストに接続できない: トラブルシューティングと解決策C# 経由で MySQL データベースに接続しようとすると、次のような問題が発生する場合があります。エラーメッセージ「指定された MySQL ホストのいずれにも接続できません。」この問題は、いくつかの理由で発生する可能性が...

プログラミング 2024 年 11 月 18 日に公開
クラスのバインド後にカスタムイベントを Tkinter テキストウィジェットにバインドするにはどうすればよいですか?
ウィジェットバインド後にカスタムイベントを Tkinter テキストウィジェットにバインドする方法クラスの後にカスタムイベントをテキストウィジェットにバインドしようとする場合バインディングを使用すると、ウィジェットのコンテンツが更新される前に関数が呼び出されるという問題が発生する可能性があ...

プログラミング 2024 年 11 月 18 日に公開
Node.js を MySQL に接続すると「ER_NOT_SUPPORTED_AUTH_MODE」が発生するのはなぜですか?
Node.js サーバーを MySQL データベースに接続する際の ER_NOT_SUPPORTED_AUTH_MODE エラーリレーショナルデータベース管理の領域では、異なるデータベースシステム間での移行により、問題が発生することがあります。技術的な問題に。 MariaDB をアンインストール...

プログラミング 2024 年 11 月 18 日に公開
Bootstrap 4 ベータ版の列オフセットはどうなりましたか?
Bootstrap 4 ベータ: 列オフセットの削除と復元Bootstrap 4 は、ベータ 1 リリースで、その方法に大幅な変更を導入しました。柱がオフセットされました。ただし、その後の Beta 2 リリースでは、これらの変更は元に戻されました。offset-md-* から ml-autoBoo...

プログラミング 2024 年 11 月 18 日に公開