Q&A
「可能」だけで良いなら回答しますが。
https://teratail.com/help/question-tips
Input type="file"のUIをこの写真のデザインのようにしたいのですが、可能でしょうか？
よろしくお願いします。
何をお願いされてるのか分からないですが、
どっちにしても丸投げ質問なので非推奨なので答えません。
ひとまず「可能です」とだけ言っておいたのでがんばってください。
なお何度も指摘されてるかと思いますけど、質問は編集できるので
ガイドライン読んできちんと質問にしてくださいね。
そろそろ通報されてもおかしくないです。
input type="file"の初期設定からこのデザインに変えることが可能か不可能か知りたかったので、質問しました。
応援ありがとうございます????
ごめんなさい一切応援してません。
丸投げ質問ばかりでガイドラインにそってないと指摘しても無視するので、さっさとなんとかしてほしいとしか思ってません。
その角丸めした枠はどういう挙動をするのでしょうか？
クリックするとファイル選択画面になるのですか？
ファイルをドラッグ・アンド・ドロップで落とせるようにするのですか？
登録は単にサーバーにファイルをおくれば良いのですか？
クリックするとファイル画面になるようにしたいです。
登録はapiをpostして保存したいです。
要はプロフィール画像の登録の実装がしたいです。
ありがとうございます！
早速取り掛かってみます！
そもそも、質問投稿する段階じゃないでしょ。
https://teratail.com/help/question-tips#questionTips1-2
回答2件
0
たとえばこんな感じで
投稿2020/03/24 12:37
総合スコア114814
<style>
[type=file]{
display:none;
}
[for="x1"]:after{
content:url(data:image/svg+xml;base64,PD9QSFANCmhlYWRlcigiQ29udGVudC1UeXBlOiBpbWFnZS9zdmcreG1sIik7DQo/Pg0KPHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjE1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjE1MCIgcng9IjE1IiByeT0iMTUiIGZpbGw9IiNkM2QzZDMiIC8+PHRleHQgeD0iMzAiIHk9Ijg1IiBmaWxsPSIjZmZmIiBzdHlsZT0iZm9udC1zaXplOjUwcHgiID4rPC90ZXh0Pjwvc3ZnPg==);
}
</style>
<input type="file" id="x1"><label for="x1"></label>
0
自己解決
投稿2020/03/24 12:37
総合スコア61
あなたの回答
tips
プレビュー
