Question

我使用来自wz_dragdrop.js和wz_jsgraphics.js（source）的DHTML API在图片上绘制矩形。我有一个本地.csv文件，其中包含我页面上所有图像的矩形坐标。

要检索我的.csv文件的内容，我已经尝试了所有类型的.csv读者（Papa Parser，d3，FileReader），并发现它们都是异步的，我无法＆＃ 39;恢复我文件的内容。我想要的是因为当我调用库的主要功能SET_DHTML时，它将图像转换为可拖动的DHTML项目，在异步功能中，除了可拖动的图像之外，我的页面上没有剩余的内容。< / p>

有没有办法从.csv文件中检索数据并使用此功能而不会丢失我页面上的所有内容？

＆＃13;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>
</head>

<body>
    <center>
    <table cellspacing="12">
      <tr>
        <td>TEST FACE RECOGNITION</td>
      </tr>
    </table>
    <br>
  </center>
	<script type="text/javascript" src="https://rawgit.com/reischle/instaperimeter/master/wz_dragdrop.js"></script>
   <img name="img1" src="http://i0.kym-cdn.com/photos/images/original/001/330/335/b84.png" alt="HTML5" style="visibility: hidden;" width=300 height=200/>
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<script>
		  var data;
		  function getData(callback) { $.get("https://raw.githubusercontent.com/openmundi/world.csv/master/countries(204)_olympics.csv", function(response) { callback(response); }); }	  


		  getData(function (data) { 
			console.log("The data is: " + data);
			SET_DHTML("img1"); // Erase everything except the draggable image - comment this line and uncomment the same one bellow to see the difference
			});
		  console.log(data); // undefined because synchronous
		  //SET_DHTML("img1"); // Works fine, keep everything and the draggable image
	</script>

</body>
</html>

＆＃13;

如何在异步函数中使用SET_DHTML

0 个答案: