HTML5 ページがあり、サーバー パスに画像ファイルをアップロードする必要があり、アップロードしたファイルをページに表示したいと考えています。jquery を使用してファイル パスを読み取り、ajax を使用してハンドラーを呼び出そうとしました。しかし、jquery で完全なファイル パスを読み取ることができません。
タグを使用してその中にファイル入力タイプを配置し、その post 呼び出しでハンドラーを呼び出した場合、context.Request.Files["ID"] を使用してファイル パスを読み取り、保存できますが、アップロードされたファイルを表示することはできません。 html ページ。
HTMLファイル入力タイプを使用してファイルをアップロードする方法を提案してください
ありがとう
通常、JavaScript を使用してファイルにアクセスしたり投稿したりすることはできません (したがって、jQuery や AJAX を使用することもできません)。これを回避する方法はいくつかありますが、最初の試行では、単純なフォームを<input type="file" ...>JavaScript を使用する場合と使用しない場合で使用する方がはるかに簡単です。
サーバー側で何を使用しているかについては言及していませんでしたが (C#/ASP/.NET は、私が少しだけ慣れていると思います)、基本的には、イメージ ファイルからの純粋なデータだけが得られます (いいえファイル名またはファイル パス) を作成し、そのデータを自分でファイルに書き込む必要があります (または、データベースに書き込むなど、別の操作を行う必要があります)。
ただし、一部の Web フレームワークはファイルを作成し、代わりに作成されたファイルへのパスを提供しますが、そのようなものを使用しているかどうかはわかりません。
次に、作成したファイルを Web サーバーの public ディレクトリのどこかにコピーする必要があります (または、自分でファイルを作成している場合はそこに直接書き込みます)。これimgにより、画像を表示する HTML ファイルの要素で参照できるようになります。 . または、別のサーバー側スクリプトを使用して、画像ファイルを読み取り、正しい MIME タイプでデータを返すこともできます。