Dropzone은 이미지 위로 마우스를 가져 가면 표시 페이지 내용입니다.

Dropzone을 asp.net 페이지에서 작동 시키려고합니다. 문제없이 이미지를 드래그 앤 드롭 할 수 있지만, 이미지 위에 마우스를 올리면 마우스 오버 대화 상자에 페이지 내용이 표시됩니다.Dropzone은 이미지 위로 마우스를 가져 가면 표시 페이지 내용입니다.

같은 결과를 가진 두 번 (VB 양식 페이지와 HTML)을 시도했습니다. .css 및 .js 파일이 있습니다. 어떤 도움을 주시면 감사하겠습니다. 코드는 다음과 같습니다.

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <meta charset="utf-8" /> 

    <script src="Scripts/dropzone/dropzone.js"></script> 
    <link href="Scripts/dropzone/dropzone.css" rel="stylesheet" /> 
</head> 
<body> 
    <form action="/file-upload" 
      class="dropzone" 
      id="my-awesome-dropzone"></form> 
</body> 
</html>

출처

2016-10-12 StanW

다음은 작동 예제입니다. 모든 리소스가 성공적으로로드되었는지 확인하십시오.

<!DOCTYPE html> 
 

 
<meta charset="utf-8"> 
 

 
<title>Dropzone simple example</title> 
 

 

 
<!-- 
 
    DO NOT SIMPLY COPY THOSE LINES. Download the JS and CSS files from the 
 
    latest release (https://github.com/enyo/dropzone/releases/latest), and 
 
    host them yourself! 
 
--> 
 
<script src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script> 
 
<link rel="stylesheet" href="https://rawgit.com/enyo/dropzone/master/dist/dropzone.css"> 
 

 

 
<p> 
 
    This is the most minimal example of Dropzone. The upload in this example 
 
    doesn't work, because there is no actual server to handle the file upload. 
 
</p> 
 

 
<!-- Change /upload-target to your upload address --> 
 
<form action="/upload-target" class="dropzone"></form>

출처

2016-10-13 21:15:43

Dropzone은 이미지 위로 마우스를 가져 가면 표시 페이지 내용입니다.

답변

관련 문제