You can turn file upload field to a very sexy looking file upload by using this handy script Demo: 1. jquery.min.js Reference: http://www.appelsiini.net/projects/filestyle
Needed JQuery files :
2. jquery.filestyle.js $(function() { $("input.file_1").filestyle({ image: "choose-file.gif", imageheight : 22, imagewidth : 82, width : 200 }); });
JavaScript
Style file upload field
You can turn file upload field to a very sexy looking file upload by using this handy script Demo: Needed JQuery files : 1. jquery.min.js 2. jquery.filestyle.
· 5 min read
S
Scriptbaker Editorial Team
The Scriptbaker editorial team comprises engineers, AI specialists, and digital strategists based in Dubai and Rawalpindi. We write about software development, artificial intelligence, and digital transformation to help organisations build better products. Learn more about us →
Related posts
JavaScript
Toggle checkboxes with jQuery and Prototype JS
Sometimes you work with forms having a long list of checkboxes, in such scenarios a “Check All” or “Toggle Selection” button comes handy
JavaScript
JQuery Multi fileupload
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumabl
JavaScript
How to Add a jQuery Tooltip to Your Web Page
Here is a nice jQuery tool tip. How to use: 1- Download the file 1.1- Rename the file tipsy-zip.doc to tipsy.zip 1.2- Extract the zip folder or download it from