1
2
3
4

            
            <label for="_js_upload">
	<span>Upload Image</span>
	<input type="file" onchange="UploadImage()" id="_js_upload" name="image" accept="image/*">
</label>
        

            

                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

            
            function UploadImage() {
	var imgPath = ge('_js_upload').files.item(0).name;
	var extn = imgPath.substring(imgPath.lastIndexOf('.') + 1).toLowerCase();
	if (extn == "png" || extn == "jpg" || extn == "jpeg") {
		var form = $('_js_upload')[0];
		var data = new FormData(form);
		data.append('image', $('input[type=file]')[0].files[0]);
		const imageName = ge('_js_upload').files.item(0).name;
		$.ajax({
			url: '{URL}',
			type: "POST",
			data: data,
			contentType: false,
            cache: false,
            processData:false,
            beforeSend:function(res){},
            success:function(res){
            	// Your Response
            	// uploaded file name
            },
            error:function (res){}
        });
	}else{
		alert('Error');
	}
}
        

            

                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

            
            <?php

$imgFile = $_FILES['image']['name'];
$tmp_dir = $_FILES['image']['tmp_name'];
$imgSize = $_FILES['image']['size'];

$imgExt = strtolower(pathinfo($imgFile,PATHINFO_EXTENSION));
$ext = array('jpeg', 'jpg' , 'png'); 
$im = 'image name ???'
$upload_folder = '????'; 

$error = '';
if(in_array($imgExt,$ext)){     
    if($imgSize < 15000000){
        move_uploaded_file($tmp_dir,$this_upload.$im);
    }else{
        $error = '';
    }
}else{
    $error = '';
}


?>