Asp.net mvc ASP.NET MVC拖放html 5属性不起作用
我正在使用ASP.NET MVC 2013和.NET framework 4.5。我需要拖动一个Excel文件并将其放到我的网站中的某个位置,但此代码不起作用Asp.net mvc ASP.NET MVC拖放html 5属性不起作用,asp.net-mvc,html,drag-and-drop,Asp.net Mvc,Html,Drag And Drop,我正在使用ASP.NET MVC 2013和.NET framework 4.5。我需要拖动一个Excel文件并将其放到我的网站中的某个位置,但此代码不起作用 <script> function allowDrop(ev) { ev.preventDefault(); alert('allowDrop'); } function drag(ev) { ev.dataTransfer.setData("text/
<script>
function allowDrop(ev) {
ev.preventDefault();
alert('allowDrop');
}
function drag(ev) {
ev.dataTransfer.setData("text/html", ev.target.id);
alert('drag');
}
function drop(ev) {
ev.preventDefault();
//var data = ev.dataTransfer.getData("text/html");
//ev.target.appendChild(document.getElementById(data));
alert('drop');
}
</script>
<style>
#div1, #div2 {
float: left;
width: 100px;
height: 35px;
margin: 10px;
padding: 10px;
border: 1px solid #aaaaaa;
}
</style>
<script>
$("#titulo").html("Facturas");
</script>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
<img src="http://www.w3schools.com/html/img_w3slogo.gif" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31">
</div>
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
我使用这段代码只是为了测试html5的拖放属性,因为我需要另一种类型的文件,一个Excel文件,但首先我需要处理拖放属性
谢谢你的帮助
function drag(ev) {
ev.dataTransfer.setData("text/html", ev.target.id);//here occurs the exception
alert('drag');
}