<script src="http://studiga.delta-xray.co.uk/sites/all/modules/add_property/js/jquery.min.js?o2190n"></script>
<script src="http://studiga.delta-xray.co.uk/sites/all/modules/add_property/js/jquery.Jcrop.min.js?o2190n"></script>
<script src="http://studiga.delta-xray.co.uk/sites/all/modules/add_property/js/crop.js?o2190n"></script>

<input onchange="JavaScript: fileSelectHandler1();" type="file" id="browse_file1" name="browse_file1" size="60" class="form-file" />





<img name="image1" id="image1" src="" alt="">		

 


		

1. function fileSelectHandler1() {
2. // get selected file
3. var oFile = $('#browse_file1')[0].files[0];
4. // hide all errors
5. $('.error').hide();
6. // check for image type (jpg and png are allowed)
7. var rFilter = /^(image\/jpeg|image\/png)$/i;
8. if (! rFilter.test(oFile.type)) {
9. $('.error').html('Please select a valid image file (jpg and png are allowed)').show();
10. return;
11. }
12. // check for file size
13. if (oFile.size > 250 * 1024) {
14. $('.error').html('You have selected too big file, please select a one smaller image file').show();
15. return;
16. }
17. // preview element
18. var oImage = document.getElementById('image1');
19. // prepare HTML5 FileReader
20. var oReader = new FileReader();
21. oReader.onload = function(e) {
22. 
    
23. // e.target.result contains the DataURL which we can use as a source of the image
24. oImage.src = e.target.result;
25. oImage.onload = function () { // onload event handler
26. 
    
27. // display step 2
28. $('.step2').fadeIn(500);
29. 
    
30. // display some basic image info
31. var sResultFileSize = bytesToSize(oFile.size);
32. $('#filesize').val(sResultFileSize);
33. $('#filetype').val(oFile.type);
34. $('#filedim').val(oImage.naturalWidth + ' x ' + oImage.naturalHeight);
35. 
    
36. // destroy Jcrop if it is existed
37. if (typeof jcrop_api != 'undefined') {
38. jcrop_api.destroy();
39. jcrop_api = null;
40. $('#image1').width(oImage.naturalWidth);
41. $('#image1').height(oImage.naturalHeight);
42. }
43. setTimeout(function(){
44. // initialize Jcrop
45. $('#image1').Jcrop({