使用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上传的图像上的鼠标位置跟踪

回答

相关问题