これはアップロードファイルコードです:
<form>
<input type="file" name="file"/>
</form>
ファイルをアップロードするためのテキストボックスと[参照]ボタンが表示されます。
しかし、「いくつかの」テキストをクリックするだけでファイルをアップロードする方法はありますか。例:「ファイルをアップロードする」テキスト。このテキストをクリックすると、アップロードボックスが表示されます。
これを試して
<form>
<input type="file" name="file" id="file" style="display:none"/>
<span onclick="doTrick()">Upload your file</span>
</form>
このjavascript関数を使用します。
function doTrick() {
document.getElementById('file').click();
}
私はあなたがこれを必要とすると思います
私のjsfiddleを見てください
jsfiddle: http: //jsfiddle.net/ks5r7/6/
<html>
<head>
<script>
function show()
{
document.getElementById('box').style.display='inline';
}
</script>
</head>
<body>
<div id="show"><a href="#" onclick="show()">Upload my file</div>
<div id="box" style="display:none";><input type="file"/></div>
</body>
</html>
ここで各要素のスタイルを設定できます
直接、これにトリックを使用する必要がある入力タイプファイルにcssを設定することはできません。このプラグインを参照してください