1

Webアプリの画像に問題があります。いくつかのテキストフィールド、ドロップダウン、複数の画像をアップロードするためのajaxコントロールのアップロード、および[保存]ボタンがあるフォームがあるとします。

画像をアップロードしてフォームを投稿し、すべてをデータベースに保存する方法を知っていますが、問題は、次のユーザーエクスペリエンスを実現したいということです。

アップロードが成功するとサムネイルが表示された後、ユーザーは複数の画像とブラウザをアップロードできます（これは私がそれを行う方法を知っています）...ここでの問題は、ボタン保存が押される前に画像をdbに保存したくないということです。一時的な画像を保存する便利な方法はありますか...ボタンを押した後、すべての画像を画像テーブルにコピーする一時テーブルを試しましたが、すべてのデータが失われ、画像が一時テーブルに残るブラウザの更新の問題があります。一時的な画像を保存するためのセッションやその他の方法を使用できますか（セッションはそのようなものには特に良い考えではないと思います）。

4

1 に答える 1

2

これを実現する簡単な方法の 1 つは、HTML5 ファイル APIを使用して、ユーザーがアップロードするファイルを選択したときにサムネイルを表示することです。すべてがクライアント上で行われるため、帯域幅を浪費する必要さえありません。ユーザーがフォームを送信すると、画像がサーバーにアップロードされます。

もう 1 つの可能性は、Uploadify、Valums Ajax Upload、Uploadify、jQuery フォーム プラグインなど、無数の利用可能な AJAX アップロード コントロールの 1 つを使用することです。これにより、AJAX 要求を使用してサーバーにファイルをアップロードできるようになります。そこでサイズを変更し、クライアントにサムネイルを表示できるサイズ変更された画像をクライアントに返すことができます。

于 2012-06-29T11:56:45.047 に答える