formDataを使用してファイル配列をアップロードする方法

もう一度 input type='file' をクリックすると前の fileList が上書きされるので、最初にこれと同じように選択したファイルをプレビュー画像として Base64 に変換します。複数追加できますが、アップロード時に複数のプレビュー画像を追加するにはどうすればよいですか?それを formdata オブジェクトに追加し、バックグラウンドでパラメータを受け入れます...

PHP中文网 2017-07-05 11:02:53 0  3  1674

input type=file を画像に置き換えます

多くの人と同じように、私も醜い inputtype=file をカスタマイズしたいのですが、ハックや JavaScript がなければそれができないことはわかっています。ただし、問題は、私の場合、ファイルのアップロードボタンが画像（jpeg|jpg|png|gif）をアップロードするためだけであるため、「クリック可能な」画像を入力タイプのファイルとまったく同じように使用できるかどうかを知りたいということです(ダイアログを表示し、送信されたページに同じ $_FILE を表示します)。ここでいくつかの回避策を見つけましたが、これも興味深いです（ただし、Chrでは機能しません）

P粉567281015 2023-10-13 13:47:35 0  1  733

Web サイトのコードは、ドキュメントから開くと機能するにもかかわらず、Google Chrome で実行されません

すべての変更をウェブ ホスティング サービスにアップロードし、Google Chrome 上の自分のサイト (https://cecilia-fornes.tech/accueil.html) を、モバイル デバイスのヘッダーとナビゲーション バー (開くとハンバーガー メニューに変換されます) とともにチェックしました)期待どおりに機能しません。これらはページ上部のブロックに配置され、モバイル デバイス用には非表示のメニューが、大きな画面用には表示されるメニューが配置されることが予想されます。ただし、2 つのメニューが表示されますが、その理由がわかりません。そして、コンピューター上のフォルダ...

P粉451614834 2024-02-25 23:13:24 0  1  376

javascript - for ループ コードの実行順序に関する質問

WeChat アプレットでは、キャンバスをクリックして画像に変換してプレビューする機能が実装されていますが、for ループ内で非同期メソッドを呼び出す必要があるため、オンラインの提案を参考に、アプレット内の即時実行機能を使用しています。 for ループ. 多くのテストを行った結果、コンソールが最初に「ループ インデックスは 1」と出力する場合があることがわかりました...

高洛峰 2017-06-24 09:43:08 0  1  777

非同期 - Python の組み込み関数の一部はブロッキングですか、それともノンブロッキングですか?

いつも疑問に思っているのですが、Python の一部の関数や共通ライブラリはブロックされているのでしょうか?たとえば、印刷、ソケット接続などです。ブロッキング、非ブロッキング、非同期などに対する簡単な解決策はありますか?非同期並列処理を明確にサポートする言語はありますか?以前、nodejs コールバックを使用していましたが、それに耐えることができません。最新の ES には、次のような機能があるようです。

黄舟 2017-07-05 10:34:24 0  1  992

CSS セレクターを使用して、特定の属性またはタグを含む div 要素をターゲットにする方法は?

私はウェブサイトを生成する POS システムに取り組んでいます。コードのほとんどは独自仕様なので、あまり編集できません。いくつかの画像がカテゴリーとしてフローティングされたカテゴリーの出力リストがあります。ホームページにリストされている最初の 3 つを非表示にしたいと考えています。 div:nth-child(1) を使用して、含まれる div を配置しようとしましたが、これは機能しますが、各子ページもそれらを非表示にします。残念ながら、ホームページ以外のすべてのページでは、本文とメイン div にクラスが追加されるだけなので、カテゴリ ID やスタイル、またはページごとにクラスを追加すること...

P粉493313067 2024-04-03 22:25:59 0  1  450

MySQL: すべての結果をループ内で結合する (おそらく UNION を使用する?)

編集：すでに解決され、回答されています：ただし、同様の質問がある場合は、お気軽に読んで、プロセスがどのように機能するかを確認してください。 背景 「sea_dew_potion」と呼ばれるプロセスを作成し、「loopseadew」と呼ばれるループ内に配置しました。ループは期待どおりに機能します。問題 このループは 18 個の結果を生成しますが、それを単一の結果セットに含めて、それを Tableau にエクスポートして複数のデータ ポイントを含む折れ線グラフを作成し、何らかの形の曲線を形成できるようにしたいと考えています。いくつか調べた結果、UNION は機能すると思いますが、どうやって機能する...

P粉897881626 2024-02-17 15:31:33 0  1  406

PHPページのローダーを表示するにはどうすればよいですか?

それぞれが HTML Web ページに対応する .php ページが多数あります。各ページが完全に処理されて読み込まれるまでに約 1 分ほどかかります。ページが完全に読み込まれたときに、読み込み中の画像をユーザーに表示したいと考えています。最初に画像をロードし、.php が処理されている間メインコンテンツは非表示のままにするような論理的な方法を考えました。php がロードされると、メインコンテンツを配置するための JavaScript のトリガーとして機能する要素をエコーできます。非表示からブロックへの変更の例。しかし、Apache は最初に php をロードしてから実行する必要があると思われる...

P粉651109397 2024-01-10 16:52:02 0  1  501

Vue3 Typescript の型に存在しないプロパティの問題を解決する

API からの手がかりをコンポーネントに入力しようとしています。 Vue テンプレート ファイルと一緒に LeadService ファイルがあります。私が抱えている問題は、テンプレート ファイルで非同期呼び出しを使用しており、それは機能しますが、値を計算しようとすると、propertydoesnotexitontype エラーがスローされることです。実際に動作し、エラー メッセージの背後に正しいコンポーネントが表示されます。エラーを解消する方法がわかりません。これはサービス クラス LeadService.tsimportApiServicefrom です。

P粉336536706 2024-03-25 18:27:18 0  1  799

Google Apps Script を使用して、(Google フォームを使用せずに) ファイルを Google ドライブに直接アップロードします

したがって、基本的にタスクは非常に単純ですが、私の問題に対する実行可能な解決策は見つかりませんでした。私の Web サイト (現在は localhost) に巨大なアップロード スクリプトがありますが、すべての複雑さを必要なものだけに減らしましょう。そこで、GoogleAppScript を使用して 1 つのファイルを Google ドライブにアップロードし、その URL を受け取って var に保存し、後でその情報を関数で使用したいと考えています。ここで問題は、Web サイトにすでにフォームがあり、script.google.com 内にテーブルを入れたくないことです。

P粉785905797 2024-01-21 15:39:43 0  2  604

ルートにアクセスする前にルート データをプリロードする最良の方法。

特定のルートのページをレンダリングする前に、まず必要なデータを同期的に取得したいと考えています。理想的にはページコンポーネントでデータを取得したいのですが、ルーターファイルでそれを行うことに反対しません。私はさまざまなアプローチを読んだり試したりしてきましたが、課題の一部は、コンポーネントを構築する方法が複数あり、特定の機能の使用方法が異なるという事実から来ています。私の場合、CompositionAPI と構文を使用して単一ファイル コンポーネントを構築します。 VueRouter のドキュメント リンクでは、beforeRouteEnte にアクセスできる「ナビゲーションの前に取得」につい...

P粉197639753 2023-11-17 14:54:42 0  2  1144

React サブコンポーネントは useEffect 内の非同期関数からの状態変化を感知できません

非同期関数内で生成された状態を渡そうとしていますが、それ自体は useState 内にあります。 useRef は可変の状態を参照できるため、おそらくこの問題を解決する最良の方法であることを学びました。その過程で React-useStateRef について学びました。これにより、メイン コンポーネント内の状態が更新されないという別の問題 (「」が取得され続ける) が最終的に解決されました。レンダリングが多すぎます)。したがって、基本的に useRef と useState を 1 つにまとめたものとして機能します。しかし、ステータスは最終的に更新されましたが、まだ私の宛先には配信されませんで...

P粉609866533 2023-09-02 12:55:44 0  1  539

PromiseRejectionEventの位置情報を取得する

非同期関数がエラーをスローする可能性のあるコードがあり、キャッチされないスローは Promise 内で発生するためエラー イベントが発生しないため、unhandledrejection イベントを使用してそれらを処理しています。したがって、私のエラーハンドラーはErrorEventではなくPromiseRejectionEventを取得しています。これまでのところ、エラー処理は問題なく機能しています。しかし、ここで小さな問題があります、それはPromiseRejectionEvenです

P粉447785031 2024-02-17 18:06:26 0  1  545

React または Vue の仮想 DOM の内部動作を理解する

私は学生で、大学のプロジェクト用に、React、Vue などの他の有名なフレームワークと同様に、独自の仮想 DOM を作成しようとしています (プロップやイベントなどの高度な機能はありません。シンプルにしておきます)。 . .複数のコード ファイルがある場合 (コード分割) を知りたいだけです。深い子要素に変更を加えた場合、完全な仮想 DOM (すべての子要素と親要素を含む) を比較する必要がありますか、それともその子要素のみを比較する必要がありますか。完全な新しい仮想 DOM (すべての子を含む) を以前の仮想 DOM と比較する必要がある場合。だから、

P粉451614834 2024-02-03 17:01:18 0  1  525

重複が存在する場合、JSON オブジェクト内の他のコンテンツに基づいて JSON データを検索するにはどうすればよいですか?

現在、Web サイトにいくつかのデータ グラフを実装しています。データ、具体的には ID 番号、日付、データ ポイントを含む JSON があります。同じIDに複数の日付があるため、基本的に「このIDと月を持つJSONオブジェクトを検索し、そのオブジェクトからデータポイント番号を取得する」方法を探しています。これを達成する方法について何か助けはありますか?ファイルが非常に大きいため、可能であれば反復しないことをお勧めします。 JSON の例を示します: [{"ID":"

P粉713846879 2024-04-04 10:57:45 0  1  579

スロットを使用してカルーセルを作成するにはどうすればよいですか?

人々は、画像の配列を使用してカルーセルを作成する同じ方法を私に教え続けます。しかし、カルーセルの各スライドにライトボックス コンポーネントを含めたいので、このアプローチは柔軟性に欠けます。この場合、カルーセル配列に配置した画像のライトボックスの機能をオーバーライドしたくありません。それは素晴らしいことではありませんか？記述するコードが減り、Vue.js の再利用可能なコンポーネントがこれまで以上に便利になります。スロットを使用した非常に良い例を見つけました。 GitHub 上の SSENSE による VueCarousel。 Web 開発にあまり熟練していない私には、彼が各スライドの表示をどの...

P粉817354783 2024-01-10 16:53:13 0  1  441

この洗練されたチュートリアルのように、zod と reverse-hook-form を使用してフォーム検証をログに記録するにはどうすればよいですか?

svelte で zod 検証チュートリアルに従ってみます。私はこれに関する経験がありません（洗練された）ので、このコードの機能を単純な React/next アプリでどのように複製できるか疑問に思っています。 ({request}) が非同期関数に渡されるか、渡されるかについて困っています。また、これは useEffect 内で実行する必要がありますか、それともフォーム送信時にのみ呼び出す必要がありますか? exportconstactions={default:async({request})=>{constformData=O

P粉421119778 2024-01-28 23:16:11 0  1  528

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  876

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  759

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  645