使用html和javascript上傳的圖像上的鼠標位置跟蹤

我已經編寫了一個跟蹤鼠標位置的代碼，但是我的代碼僅適用於字符串，但不適用於上傳的圖像。它正在生成圖像圖標而不是圖像。使用html和javascript上傳的圖像上的鼠標位置跟蹤

<form action="click.php" method="post" enctype="multipart/form-data"> 
     <h3>Select image to upload:<br/></h3> 
     <input type="file" name="fileToUpload" id="fileToUpload" accept="image/*"/>

click.php

 <script> 
      function getPos(e) { 
       x = e.clientX; 
       y = e.clientY; 
       cursor = "Your Mouse Position Is : " + x + " and " + y ; 
       document.getElementById("displayArea").innerHTML=cursor 
      } 

      function stopTracking() { 
       document.getElementById("displayArea").innerHTML=""; 
      } 
     </script> 
    </head> 
    <body> 
    <div id="focusArea" onmousemove="getPos(event)" onclick="merge" onmouseout="stopTracking()"> 
      <?php 
      $target_dir = "uploads/"; 
      $target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]); 
      $uploadOk = 1; 
      $imageFileType = pathinfo($target_file,PATHINFO_EXTENSION); 
      // Check if image file is a actual image or fake image 
      if (isset($_POST["submit"])) { 
       $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]); 
       if ($check !== false) { 
        move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file); 
        $uploadOk = 1; 
       } else { 
        $uploadOk = 0; 
       } 
      } 
      header("Content-type: image/png"); 
      imagepng($target_file); 
      imagedestroy($target_file); 
     ?> 
     </div> 
     <p id="displayArea"></p>

來源

2015-09-17 aa04

頁眉不能經過任何設置，就必須成爲任何輸出的第一線。

這條線：

header("Content-type: image/png");

不屬於那裏。啓用錯誤如下：

ini_set('display_errors', 1); 
ini_set('error_reporting', E_ALL);

而且你會得到錯誤，告訴你無法設置標題。

來源

2015-09-17 21:07:36 taxicala

所有錯誤都已啓用，但仍未顯示任何錯誤。 – aa04

使用html和javascript上傳的圖像上的鼠標位置跟蹤

回答

相關問題