クリックするとアップロードする画像を選択するダイアログウィンドウが開き、それを選択してダイアログウィンドウ内で[OK]を押すと、アップロードが開始されるボタンを作成しようとしています(アップロードバーはオプションです:))
望ましいのは、標準のhtmlファイル入力の機能を変更するjqueryプラグインです...すでに1つを使用してコードを記述しているためです。
クリックするとアップロードする画像を選択するダイアログウィンドウが開き、それを選択してダイアログウィンドウ内で[OK]を押すと、アップロードが開始されるボタンを作成しようとしています(アップロードバーはオプションです:))
望ましいのは、標準のhtmlファイル入力の機能を変更するjqueryプラグインです...すでに1つを使用してコードを記述しているためです。
JQuery プラグインの uploadifyは進行状況バーを使用してアップロードし、単一または複数のファイルをアップロードする機能が含まれています。
SWFupload以外にもフラッシュベースのソリューションがあります。uploadify.comをご覧ください
これはjqueryプラグインです。
jquery と通常の html を使用してこれを行うチートがあります。これは、プロジェクトで 1 つのファイル (1 つに制限) をアップロードするために使用するものであり、1 つのボタンだけを使用し、プラグインは一切使用しませんが、ボタンにはスタイリングが必要です。
HTMLコード
<form method="get" action="somephp.php">
<input type="file" id="upload" name="upload" style="width: 88px; opacity:0.0; filter:alpha(opacity=0); " onchange='uploadChange()'/>
<input type="submit" name="submit" style="margin-left: -88px"/>
</form>
jquery:
<script>
function uploadChange(){
$('input[type="submit"]').click();
}
</script>
これはあなたが探しているものかもしれません:
https://github.com/bencolon/file-uploader
スクリプトは複数のファイルのアップロードをサポートしていますが、これはオプションです。UploadifyとSWFUploadはどちらもFlashをインストールする必要がありますが、Flashがない場合はこのプラグインをインストールしてください。それはおそらくあなたの問題への最も簡単なアプローチです。利用可能な小さなプラグインもありますが、すべてのブラウザでうまく機能するとは限りません。