html5ページとファイル入力タイプを使用してサーバー上にファイルをアップロード

Question

私はhtml5ページを持っています。サーバーパス上に画像ファイルをアップロードし、アップロードしたファイルをページに戻したいとします。 jqueryを使用してファイルパスを読み込み、ajaxを使用してハンドラを呼び出そうとしました。しかし、jqueryで完全なファイルパスを読み取ることはできません。

タグを使用してファイルの入力タイプを入力し、ポストコール時にハンドラを呼び出すと、context.Request.Files ["ID"]を使用してファイルパスを読み取って保存できますが、表示できませんHTMLページにアップロードされたファイル。

すべてのボディは、一般的にあなたがアクセスしたり、投稿したファイルをJavaScriptを使用して（したがって、どちらもjQueryのか、AJAXを使用）することはできませんHTMLファイルの入力タイプを使用してファイルをuplaodする方法

おかげ supriya

Answer 1

を提案してくださいすることができ。これを回避する方法はありますが、最初の試みでは、<input type="file" ...>という単純なフォームをJavaScriptなしで使用する方がはるかに簡単です。

あなたはサーバーサイド（私は少し慣れているC＃/ ASP/.NETを推測しています）を使用しているとは言及していませんでしたが、基本的には通常、イメージファイル（ファイル名またはファイルパスなし）を使用して、そのデータを自分自身でファイルに書き込む必要があります（または、データベースに書き込むなど）。

しかし、いくつかのWebフレームワークはあなたのためにファイルを書き、ファイルを作成するためのパスを提供しますが、そのようなものを使用しているかどうかわかりません。

次に、HTMLファイルのimg要素で参照できるように、作成したファイルをWebサーバーのパブリックディレクトリのどこかにコピーしてください（またはファイルを自分で作成する場合は直接そこに書き込む必要があります）画像を表示するファイル。別のサーバーサイドスクリプトを使用して、イメージファイルを読み取り、正しいMIMEタイプのデータを返すこともできます。