Girfa : Student Help: March 2019

Sunday, 31 March 2019

File preview before upload : HTML

<html>

<head>

<title>File upload preview</title>

<style>

.fileUpload {

position: relative;

overflow: hidden;

margin: 10px;

margin-top: 0px;

}

.fileUpload input.upload {

position: absolute;

top: 0;

Raj Kumar

A programmer and Founder of Girfa IT Services, working from 2009.At Starting computer teaching was my full-time job but after 10 years of teaching I chose to programming as a full-time job and teaching become part-time. In real life, I am very lazy and I made it my coding style I always try to make a reusable component that’s my USP for programming which saves my time and extra working both.

Friday, 29 March 2019

Check empty file using jquery

When you use file control from the input tag then for validation purpose you need to check the file name. if no file is selected then an error message should be displayed. This post will help you to achieve the same. When a user doesn’t select a file and an attempt is made to read file name then JS engines throw an exception which must be caught otherwise you will not be able to read and validate the empty file.

Raj Kumar

Wednesday, 27 March 2019

Sketch effect to a picture using photoshop

open a picture in photoshop and make a duplicate layer by pressing Cntl+J
Select huge saturation from create or adjustment layer tool

Raj Kumar

Sunday, 24 March 2019

Website Login Page HTML

HTML

<!DOCTYPE html>

<html>

<head>

Raj Kumar

Friday, 22 March 2019

Insert record in Database

This post will help you to learn the basics of inserting the record in the database using ci framework.

Table Structure

Culumn_Name	Data_type
Id	Auto number(int)
Name	Varchar(50)
Email	Varchar(50)
Phone	Varchar(15)
Msg	Varchar(255)

Configure Database

Goto App (Application in older CI) folder then open Config folder then Database.php file change db parameter as per your configuration.

Database.php

$db['default'] = array(
       'dsn' => '',
       'hostname' => 'localhost',
       'username' => 'username',
       'password' => 'password',
       'database' => 'db_name',
       'dbdriver' => 'mysqli',
       'dbprefix' => '',
       'pconnect' => FALSE,
       'db_debug' => (ENVIRONMENT !== 'production') ,
       'cache_on' => FALSE,
       'cachedir' => '',
       'char_set' => 'utf8',
       'dbcollat' => 'utf8_general_ci',
       'swap_pre' => '',
       'encrypt' => FALSE,
       'compress' => FALSE,
       'stricton' => FALSE,

Raj Kumar

Sunday, 3 March 2019

File upload with new name (PHP)

This post will help you to upload an image file to server with A new name . File name will be database auto increment field value . So no name conflict will be arise.

function SaveSliderImage($file)
{

$stmt = $this->conn->stmt_init();
if ($stmt->prepare("insert into ueks98_si_jsj_os9 (id,id1,id2) values(NULL,?,?)"))
{
//Get File Extension
$tmpstr=strtolower($_FILES[$file]['name']);
$extnsn=end(explode(".",$tmpstr));

Raj Kumar

Show file on HTML page using file control

This post will help you to show preview of selected file from html file control because by default HTML file control only show the selected file name. So file preview is best way to show user that whether he is selected right file or not.

HTML

JS

function readURL(input) {

Raj Kumar

Pages

Sunday, 31 March 2019

File preview before upload : HTML

Friday, 29 March 2019

Check empty file using jquery

Wednesday, 27 March 2019

Sketch effect to a picture using photoshop

Sunday, 24 March 2019

Website Login Page HTML

HTML

Friday, 22 March 2019

Insert record in Database

Table Structure

Configure Database

Database.php

Sunday, 3 March 2019

File upload with new name (PHP)

Show file on HTML page using file control

HTML

JS