Web Development

1. Internal Factor
    -  have you optimized all your codes?
    -  have you optimized your SQL query?
    -  how effective your code, connection and database?

2. External Factor
    - server specification
    - network connection
    - total number of clients/sites in a server
    - whether there are junks, applications that are installed on the server
    - whether there are cron, scheduled tasks that run on the server

Member 12366570 wrote:

I have basic knowledge of Php & mysql.

• Bootstrap File Input - © Kartik[^]
• Bootstrap Filestyle 1.2.1 - jQuery Customization of input html file for Bootstrap Twitter[^]

Richard Deeming wrote:

Customising the file input is fairly complicated

<div class="form-group">
  <label class="control-label">Enter your avatar's name max(40)</label>
  <div class="input-group">
    <span class="input-group-addon">
      <i class="fa fa-folder-open"></i>                                                                                                
    </span>
    <input id="AvatarName" class="form-control" type="text" maxlength="40">
    <span class="input-group-btn">
      <span class="btn btn-primary btn-file">
        Choose                                                             
        <input id="AvatarBrowse" name="AvatarBrowse" class="btn btn-primary spinner" type="file" />
        <i id="AvatarSpinner" class=""></i>                                                                                                                                                                                                                                                
      </span>                                                        
    </span>
  </div>
</div>

function run_upload_serviceAvatar(e) {

    var _files = e.target.files,
        $spinner = $("#AvatarSpinner");

    if (_files.length > 0) {

        $spinner.toggleClass("fa fa-cog fa-spin");

        if (window.FormData !== undefined) {
            var _data = new FormData();
            for (var x = 0; x < _files.length; x++) {
                _data.append("file" + x, _files[x]);
            }            

            $.ajax({
                type: "POST",
                url: '/Admin/json_upload_avatar?id=-1',
                contentType: false,
                processData: false,
                data: _data,
                error: function (xhr, status, p3, p4) {

                    var err = "run_upload_serviceAvatar Error: " + " " + status + " " + p3 + " " + p4;
                    if (xhr.responseText && xhr.responseText[0] == "{") {
                        err = JSON.parse(xhr.responseText).Message;
                    }
                    console.log(err);
                    $spinner.toggleClass("fa fa-cog fa-spin");

                },
                success: function (data) {
                    console.log(data);
                    $spinner.toggleClass("fa fa-cog fa-spin");

                }
            });
        }
        else {

            alert("This browser doesn't support HTML5 file uploads!");
        }
    }    
}