2012-04-22 10 views
0

fileuploadの入力ファイルを使用する代わりに、入力と同様に通常のファイルアップロードを呼び出すclickable divを使用したいと思います。JQuery fileupload on click

instead of this 
<input type="file"/> 

I want this 
<div>Click to upload</div> 
and paste the file path in the div 
+0

_ "を入力し、ファイルパスをdivに貼り付けます。" _その意味は? – gdoron

+0

[このフィドル](http://jsfiddle.net/GMqK9/)はあなたを助けるかもしれない – gdoron

+0

ええ、私は本当にどちらかの質問を得ることはありません。おそらく、彼は入力ファイル名を渡し、divsの内容をそのパスに置き換えたいでしょうか? – alt

答えて

1

アイデア:

ユーザーがdiv要素をクリックすると、ファイル入力のクリックイベントを呼び出し、それが変化したときに、divの上のdiv

上のhtmlを挿入

$('#magicdiv').click(function(){ 
$('#leupload').click(); 
    }); 
アップロードファイルの

$('#leupload').change(function(){ 
$('#magicdiv').html($(this).val()); 
});