book now on khaalipaper Best hindi blog and story website

HTML file upload

HTML File Upload <input type="file"> these are the basic html form elements for uploading attachment or file to a server.

Allow multiple file uploads in HTML forms.

<div class='form-group'>
  <label for='inputState'>Select File</label>
    <div class='input-group input-file' name='Fichier1'>
        <input type='text' class='form-control' placeholder='No Files Selected' />
            <span class='input-group-btn'>
            <button class='btn btn-choose' type='button'>Browse</button>
<script type = "text/javascript">
function bs_input_file() {
        function() {
            if (!$(this).prev().hasClass('input-ghost')) {
                var element = $("<input type='file' class='input-ghost' style='visibility:hidden; height:0'>");
                element.attr("name", $(this).attr("name"));
                element.change(function() {
                $(this).find("button.btn-choose").click(function() {
                $(this).find("button.btn-reset").click(function() {
                $(this).find('input').css("cursor", "pointer");
                $(this).find('input').mousedown(function() {
                    return false;
                return element;
$(function() {

Html file upload example jquery