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

[saeed-71]

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

[r4hgozar]

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

[ravand]

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

[***BiDaK***]

نتایج این جستجو رو ببین.

[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);

        });

    });