2011-08-30 18 views
1

Iオンラインストアに製品を追加するフォームを持っており、この多くの分野イメージをサーバーにアップロードする前にイメージをプレビューするにはどうすればいいですか?

1が含まれています)商品名

2)製品コード

3)製品の説明

4 )製品の価格

5)商品画像

今私はその時に使用したかったですr/adminは、ユーザーがサーバーにアップロードする前に、イメージコントロールに表示される製品イメージを選択した後、asp.netのファイルアップロードコントロールを使用してイメージを選択します。

私が必要とするすべては、それがサーバーにアップロードされる前に、その画像をプレビューすることで、それはこれらのjavascriptのいずれかを使用してなり、jqueryの、アヤックスやC#

私を助けてください...

感謝あらかじめ。 Tejas Vaishnav

+0

jQueryプラグインを使用します。リファレンススレッド - http://stackoverflow.com/questions/7088299/how-to-show-gif-image-while-uploading-using-jquery-form-plugin-in-asp-net-mvc – adatapost

+0

@adatapostどのようにリンクしますかスレッドは**アップロード前に**プレビュー**画像を参照していますか? – WTK

+1

ここに[これのためのSOの検索]です(http://stackoverflow.com/search?q = preview + getasdataurl) – mplungjan

答えて

2

C#はサーバー上で実行されるため、イメージは既に存在する必要があります。

JavascriptとjQueryはクライアント側を実行するので、これらの2つでもっとうまくいく可能性があります(実際はJQueryはブラウザのJSエンジンの上にあるJSライブラリです)。

ブラウザの開いている/選択しているファイルダイアログのプレビュー機能を使用しないのはなぜですか?

0

FlashなどのActiveXプラグインを使用しない限り、JavaScriptを使用するだけで静かにすることはできません。セキュリティ上の理由から、許可なくクライアントマシンのリソースにアクセスすることができないためです。サーバーにアップロードしてプレビューすることしかできません。これがあなたにとって意味をなさないことを願っています。

+0

質問は**アップロードする前に画像をプレビューすることです**。 – WTK

+0

@WTK - 私は自分の答えを修正しました。 – ShankarSangoli

+0

ありがとうございます:) – WTK

-2

グーグル・グーグルでは、確かな結果が得られませんでした(少なくとも1つはクロスブラウザ方式で動作していました)。あなたのベストショットは、Flash(ユーザーが選んだローカルファイルにアクセスできるようにする最初のバージョンであったため、バージョン10以上)を使用しています。シンプルなFlash(またはFlex)アプリケーションでも、をサーバーに送信する前に、ユーザーが選択したファイルを操作/表示する多くの例があります。Hereあなたはそのようなアプリケーション(私が作った)の例を見つけることができます。ローカルディスクからイメージを選択することができます。イメージは、サーバーにアップロードする前に表示/操作できます。

これは、Webサーバからのデフォルトのセキュリティでは動作しないかもしれませんが、あなた場合は動作しない...あなたはGeckoのためのdataURIを使用するスクリプトを必要とする

previewing an image before uploading itの簡単な例(フレックス)

関連する問題