در خواست کد css برای زیبا کردن اینپوت اپلود فایل

[saeed-71]

سلام.
من در من کد css برای زیبا کردن اینپوت اپلود فایل میخواستم.
گشتم چیز جالبی پیدا نکردم

[r4hgozar]

تا اون جایی که من می دونم برای file upload افکت خاصی نیست. نمیشه استایل داد

[ravand]

من یه نمونه اش رو دیدم که با عکس ساخته شده بود و با همه ی مرورگر ها هم سازگار نبود. یعنی دکمه عکس بود تا استایل.

[***BiDaK***]

نتایج این جستجو (https://www.google.com/search?espv=210&es_sm=93&q=how+to+style+a+html+file+upload+button&oq=how+to+style+a+html+file+upload+button&gs_l=serp.3...50430.58459.0.63862.0.0.0.0.0.0.0.0. .0.0....0...1c.1.37.serp..0.0.0.e-nS-EPeFNs)رو ببین.

[SlowCode]

میتونی از این روش استفاده کنی:
یه input type=text با خاصیت readonly درست کن، تا بعد از انتخاب فایل آدرس فایل رو توش نشون بدی.
یه دکمه بزار هر استایلی میخوای بهش بده.
یه input type=file بزار و بهش پوزیشن absolute , opacity=0 بده بعد با مارجین دقیقا روی اون دکمه تنظیمش کن. بعد با z-index بیارش روی اون دکمه تا زیرش نباشه.
حالا این کد رو مینویسی تا مسیر فایل انتخاب شده رو بدست بیاری:

$(function()
{
$('.file').on('change',function ()
{
var filePath = $(this).val();
$("#file_path").val(filePath);
});
});