Jenis input = file dalam bentuk sering digunakan dalam pengembangan front-end, tetapi hal yang tragis adalah bahwa tipe input = file tidak melakukan secara seragam di setiap browser, dan gayanya sulit untuk bekerja; Jadi bagaimana kita menangani masalah ini? Ini adalah konten utama yang kita bahas hari ini . Apa input tipe = file?
Saya tidak berpikir perlu mengatakan apa -apa tentang ini. Bagaimanapun, semua orang tahu itu. Di era berbagai ponsel, Anda dapat mengunggahnya dengan mengambil foto secara langsung. Bagaimanapun, ini jauh lebih menyenangkan dari sebelumnya.
Di masa lalu, saya hanya bisa mengunggah satu file. Sekarang, selama beberapa atribut ditambahkan, beberapa file dapat diunggah, dan ada banyak format file yang didukung. Saya tidak akan banyak bicara. Untuk detailnya, silakan lihat http://www.w3.org/html/ig/zh/wiki/html5/number-state#.e6.96.87.e4.bb.b6.e4.b8.8a.e4.bc.a0.e7.8a.b6.e6.80.80.81
Unggah Penyesuaian Gaya TombolSiapa pun yang telah memainkan CSS tahu bahwa di antara elemen HTML, modifikasi gaya elemen kontrol bentuk adalah yang paling menyakitkan. Gaya banyak kontrol diubah sesuai dengan tema sistem. Jika Anda ingin memodifikasinya, Anda hanya dapat mengimplementasikannya dengan simulasi, terutama di IE Browser.
Untuk tombol unggah type = file, kami telah memodifikasi gayanya. Beberapa orang telah menggunakan metode simulasi, tetapi dikatakan bahwa mungkin ada beberapa masalah keamanan saat menggunakan metode simulasi. Nah, untuk halaman seperti saya, Chetuzi, saya tidak memahaminya, dan bahkan jika saya memahaminya, saya tidak tahu bagaimana menghadapinya. Maka jangan mensimulasikannya ...
Tetapi jika Anda tidak mensimulasikan, bagaimana Anda memodifikasi gayanya?
Skema Overlay Posisi GambarMetode yang saya ketahui sebelumnya, dan metode yang semua orang tahu adalah untuk menempatkan tombol unggahan tipe = file secara transparan dan kemudian mengepelingnya pada gambar, sehingga orang dapat merasakan bahwa itu dicapai dengan mengklik mengunggah gambar, dan tidak perlu melihat tombol unggahan asli.
Salin kode