Archive for the ‘Jquery’ Category


website development in ahmedabad i365design.com

website development in ahmedabad i365design.com

Advertisements

About I365 Design.


I365 Design logo

Website Development in ahmedabad, php expert in ahmedabad, software development in ahmedabad, web development in ahmedabad, domain and hosting in ahmedabad

“You dream it… We blueprint it!”

Advancement, creativeness, excellent, promptness and sufficient are the main mantras of I365 Design and these are shown in our performance.

I365 Design provides wide range of digital solutions that include web page styles, website development, E-commerce Development, mobile development, custom web development, social development, graphic designing, animation development that allow the development of a natural and smooth on the internet experience. Company Based in Gujarat, India & Nairobi, Kenya. I365 design is a Web Development Company worldwide recommended for its professional approach and excellent of performance.

We at I365 Design ensure a perfect combination of innovative perspective, efficient specialized knowledge and strong Objective of Success while creating tailor-made market alternatives for our customers.

It requires an individual only for a few moments to gauge the geniality of a website! And 8 out of 10 folks assess the reliability of a web page depending on its design!

In easier conditions, it is important that your web page performs as hard as you do, for your business. An excellent style improves the transformation by huge margin and provides a user-friendly encounter that obliges the guest to become client. Excellent web page is just like your smart Creativity. It forms your Identity with your clients, improves your product and cultivates your main objective.

What We Do

  • Website Design

  • Creative Web Design

  • Web Design Studio

  • Flash Website Design

  • Online Video Sites

  • Multilingual Websites

  • Web Application Development

  • Social Network Systems

  • Enterprise Application Development

  • Microsoft Sharepoint Server Consulting

  • Biz Talk Server Development

  • Customized Web Applications

  • Dashboards

  • Business Intelligence

  • CMS

  • E-Learning Solutions

  • Software Development

  • Software as a Service – Saas

  • Flash Game Development

  • CRM

  • ERP

  • Ecommerce Web Design

  • Ecommerce Web Development

  • Ecommerce Shopping Cart

  • Magento Development

  • Secure Online Shopping

  • Multilingual Ecommerce

  • Multi-Currency Ecommerce

  • Multiple Payment Gateways

  • OSCommerce

  • Mobile Application & Website

  • Iphone Application Development

  • Ipad Application Development

  • Android Application Development

  • Windows Mobile Application Development

  • QR (Quick Response Code Reader)

  • Customized Sales Application

  • Social Commerce

  • Graphic Design

  • Logo Design

  • Banners

  • Print Design

  • Brochure Design

  • Newsletters

  • Corporate Identity

  • Strategic Design

  • Brand Building

  • Customized Software


jQuery form plugin and PHP file uploads
How to upload a file via Ajax using a form with JQuery and PHP?

Click here to download JQuery files .

  • Create a new file called form_upload.php 
  • Include JQuery and the JQuery Form Plugin between the head tags in the form_upload.php file.
<head>
    <title>Ajax File Uploader</title>

    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="jquery.form.js"></script>
</head>

Include the following code between the head tags underneath the JQuery Form Plugin include

<script type="text/javascript">
    <!--
        $(document).ready(function() {
            var options = {
            target: '#message', //Div tag where content info will be loaded in
            url:'upload.php', //The php file that handles the file that is uploaded
            beforeSubmit: function() {
                $('#uploader').html('<img src="ajax-loader.gif" border="0" />'); //Including a preloader, it loads into the div tag with id uploader
            },
            success:  function() {
                //Here code can be included that needs to be performed if Ajax request was successful
                $('#uploader').html('');

            }
            };

            $('#upload').submit(function() {
                $(this).ajaxSubmit(options);
                return false;
            });

        }); 
 //-->
 </script>

Between the body tags we include the actual form and necessary div tags.

<div id="message"></div>
    <form name="upload" id="upload" action="#" method="POST" enctype="multipart/form-data">
        <table cellpadding="4" cellspacing="4" border="0">
            <tr>
                <td colspan="2"><h1>Upload File via Ajax</h1></td>
            </tr>
           <tr>
                <td nowrap>File:</td>
                <td nowrap><input type="file" name="fileToUpload" id="fileToUpload" /></td>
            </tr>
            <tr>
                <td nowrap colspan="2"><input type="submit" id="uploadFile" value="Upload File" /></td>
            </tr>   

        </table>
    </form>
    <div id="uploader"></div>
  • Create a file called upload.php this file will handle all request that are posted via the file upload form. Example of upload.php
echo '<pre>';
print_r($_FILES);

The complete code can be obtained below

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Ajax File Uploader</title>

    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="jquery.form.js"></script>

    <script type="text/javascript">
    <!--
        $(document).ready(function() {
            var options = {
            target: '#message', //Div tag where content info will be loaded in
            url:'upload.php', //The php file that handles the file that is uploaded
            beforeSubmit: function() {
                $('#uploader').html('<img src="ajax-loader.gif" border="0" />'); //Including a preloader, it loads into the div tag with id uploader
            },
            success:  function() {
                //Here code can be included that needs to be performed if Ajax request was successful
                $('#uploader').html('');

            }
            };

            $('#upload').submit(function() {
                $(this).ajaxSubmit(options);
                return false;
            });

        }); 
     //-->
    </script>
</head>
<body>
    <div id="message"></div>
    <form name="upload" id="upload" action="#" method="POST" enctype="multipart/form-data">
        <table cellpadding="4" cellspacing="4" border="0">
            <tr>
                <td colspan="2"><h1>Upload File via Ajax</h1></td>
            </tr>
           <tr>
                <td nowrap>File:</td>
                <td nowrap><input type="file" name="fileToUpload" id="fileToUpload" /></td>
            </tr>
            <tr>
                <td nowrap colspan="2"><input type="submit" id="uploadFile" value="Upload File" /></td>
            </tr>   

        </table>
    </form>
    <div id="uploader"></div>
</body>
</html>