0

このようなCloudinaryによって生成された入力フィールドがあります。私はそれを短くしましたが、かなり一般的な見た目のドロップゾーンと「参照」ボタンが内部に生成されました. ドロップゾーンは必要ありません-理想的には、これらすべてをHTMLボタンに抽象化できます-クリックするとボタンが入力フィールドを使用してプロンプトを表示します.

<input id="id_picture" class="cloudinary-fileupload " type="file" name="file">

上記の入力フィールドをボタンでオーバーライドすることは可能ですか? ファイル入力フィールドを、ドロップゾーン + 「参照」ボタンではなくボタンのようにスタイルすることはできますか?

これが意味をなさない場合は申し訳ありません-私は通常、バックエンドのコーダーです。さらに情報が必要な場合はお知らせください。ありがとう！

4

1 に答える 1

1

ファイル入力のスタイルを実際に変更することはできませんが、別のコントロールからクリックをトリガーすることはできます。

手っ取り早い例:

<button onclick="document.getElementById('id_picture').click();">File Upload</button>

その後、css を使用して実際のファイル入力を画面外に配置できます (残念ながらdisplay:none、クリックが発生しなくなります)。

于 2013-08-09T00:19:33.623 に答える