2012-01-25 12 views
0

私は、クリックするとファイルのダイアログを開き、アップロードする写真を選択してダイアログを閉じると、1つのボタンを作成したいと考えています。写真をアップロードします。私はこれを行う方法について考えることができません。なぜなら、フォームでは、type = filetype = submitの両方を一緒に使うことができないからです。これを達成するためにjqueryを使用する必要がありますか?ありがとう。PHPとjqueryで写真をアップロードしていますか?

+0

また、ユーザーが誤って間違ったファイルをクリックした場合、私はこの優れたユーザビリティを考慮しません。 –

+1

まだアップロードの2段階のアプローチを取っていることをお勧めします。従来の:1)ユーザーはファイルを見つける2)ユーザーはアップロードするボタンをクリックします。これにより、ユーザーはファイルを実際にアップロードしたいかどうかを確かめることができます。私は以下の答えを編集して、あなたが求めていたことをよりよく反映させました。私の最初の答えについては申し訳ありません。 – summea

答えて

4

はい、ユーザーがアップロードするファイルを選ぶことが不可欠な部分にjQueryを使用して、PHPなどの他のサーバーサイドの言語を実際に使用することです(実際にファイルをアップロードすることもできます。)

ここでは、これを行うことができますjQueryプラグインです: http://blueimp.github.com/jQuery-File-Upload/

EDIT: はい、私はjQueryの(またはいくつかの他のライブラリと信じている...またはプラグインが、 )ユーザーがアップロードするファイルを参照すると、イベントリスナー(または何か)がピックアップされる可能性があります。自動的にtファイルが選択されたらアップロードしてください。しかし、これまで述べたように、今のところファイルアップロードには2段階のアプローチをとる方が安全でしょう。

+1

blueimpファイルアップローダは素晴らしいです。私は少なくとも1ダースの異なるプロジェクトでそれの修正版を使用しました。それがフラッシュを使用しないという事実は、それを他のすべてのアップローダにプッシュします。 – VictorKilo

1

this

ワンクリックしようとアップロードが は育ての目的で使用することができ、任意のリンク、画像または要素を使用することができ、標準のファイル 入力要素を置き換えるjQueryのプラグインです"ファイルブラウズ"ダイアログ。 は、標準アップロードの フォームよりも目立たず、スタイルを簡単にするために、ページを更新せずに舞台裏でアップロードを完了します。

1

アップロードを開始するには、JavaScriptを使用する必要があります。 jQueryは、そのプロセスを簡単にするための非常に優れたライブラリですが、必須ではありません。

関連する問題