2011-07-29 17 views
1

このjqueryプラグインを使用すると、任意の要素をファイル入力要素に変換できます。 http://plugins.jquery.com/project/custom-fileJqueryカスタムファイル入力プラグイン

しかし、実際にファイルをアップロードするには、私が見つけたことができる唯一のドキュメントはこれです:あなたは、フォーム要素

に入力要素を添付する必要があり、サーバーに選択したファイルをアップロードするには

どうすればいいですか?

答えて

4

私はあなたがHTMLフォームを作成し、フォームに入力を追加する必要があると思うし、あなたが提出する必要がある場合、あなたはとにかく、送信ボタンを介して、または$ .submit

# from http://www.daimi.au.dk/~u061768/file-input.html 
    <script type="text/javascript"> 
$(function() { 
    $('button').button().add('#foo, a').file().choose(function(e, input) { 
     $(input).appendTo('#TheForm'). 
         attr('name', 'a-name'). 
         attr('id', 'an-id'); 
    }); 


}); 
    </script> 
    ... 
    <form method="post" enctype="multipart/form-data" id="TheForm" action="/path/in/your/server/"> 
    <input type="submit" value="send"> 
    </form> 

経由でこれを行うことができますajaxを介してファイルを提出するための最良のプラグインではありません。

+0

私はajaxのアップロードは必要ありません、私はフォームのファイルアップロードフィールドとしてカスタム要素を使用する必要があります。お勧めするプラグインはありますか? – applechief

+0

しかし、何が必要ですか? – sacabuche

+0

あなたが使用しているプラ​​グインがあるかもしれません、このコードを参照してくださいhttp://jsfiddle.net/m7Rj8/ – sacabuche

0

アップロード自体はこのプラグインの対象外です。サーバー側の技術でこれを確認する必要があります。

+0

しかし、このプラグインはすべてファイルチューザを起動し、選択したファイルを変数に格納します。その変数をフォームに挿入してサーバー側に送信する方法は? – applechief

関連する問題