Advertisement
Guest User

Untitled

a guest
Apr 25th, 2017
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.92 KB | None | 0 0
  1. var memId = window.localStorage.getItem("memId");
  2.  
  3. var CANVAS_WIDTH = 500;
  4. var CANVAS_HEIGHT = 500;
  5.  
  6. var canvas;
  7. var g;
  8.  
  9. var image = new Image();
  10.  
  11. canvas = document.getElementById("canvas");
  12. g = canvas.getContext("2d");
  13. Math.radians = function(degrees){
  14. return degrees * Math.PI / 180;
  15. };
  16. $('#button').on('click', function (){
  17. navigator.camera.getPicture(onPhotoDataSuccess);
  18.  
  19.  
  20. function onPhotoDataSuccess(imageData)
  21. {
  22. image.onload = function () {
  23. g.save();
  24. g.translate(canvas.width / 2, canvas.height / 2);
  25. g.rotate(Math.radians(90));
  26. g.translate(-canvas.width / 2, -canvas.height / 2);
  27.  
  28. g.drawImage(image, 0, 0, canvas.width, canvas.height);
  29. g.restore();
  30.  
  31. var data = canvas.toDataURL('image/jpeg', 1.0);
  32. document.getElementById('img').value = data.toString().split('base64,')[1];
  33.  
  34.  
  35.  
  36. },
  37. image.src = imageData;
  38. }
  39. });
  40.  
  41. navigator.geolocation.getCurrentPosition(function(position){
  42. var pos = {
  43. lat: position.coords.latitude,
  44. lng: position.coords.longitude,
  45. enableHighAccuracy: false
  46. };
  47.  
  48. document.getElementById('lat').value = pos.lat;
  49. document.getElementById('lng').value = pos.lng;
  50. });
  51.  
  52. document.getElementById("userId").value = memId;
  53.  
  54. $("#fileUploadForm").submit(function(e){
  55. e.preventDefault();
  56.  
  57. var formData=new FormData($(this)[0]);
  58.  
  59. $.ajax({
  60. url:"http://completedeal.co.nf/upload.php",
  61. type: "POST",
  62. data: formData,
  63. async: false,
  64.  
  65. success: function(msg){
  66. $('#imageContainer').html('<img src="data:image/jpeg;base64,' + msg + '"/>');
  67. },
  68. error: function(err){
  69. $('#imageContainer').html(JSON.stringify(err));
  70. },
  71. cache:false,
  72. contentType: false,
  73. processData: false
  74.  
  75. });
  76. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement