ハイパーリンクをクリックしたときにファイルのアップロードダイアログを開く方法

Question

ウェブアプリケーションでの学生ディスカッションプラットフォームを開発中ですが、質問を投稿するときにファイルを添付して、ボタンを使用したくありません。 代わりにハイパーリンクをクリックするだけで、アップロードダイアログボックスが開きます。

どうすればよいですか？

Answer 1

あなたは、リンク内のファイル入力を作成して、不透明度とそれを隠すことができます。

a { 
 
    position: relative; 
 
} 
 
#file { 
 
    position: absolute; 
 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
 
    -moz-opacity: 0; 
 
    -khtml-opacity: 0; 
 
    opacity: 0; 
 
    cursor: pointer; 
 
    right: 0; 
 
}

<a href="#"><input type="file" id="file"/>Link text</a>