0

ファイルをWebページにドラッグアンドドロップするためのこの簡単なコードがありますが、機能していません! ファイルをドロップ ゾーンにドラッグすると、ドロップ ゾーンの背景色が変わるはずですが、そうではありません。なぜか教えてくれますか？ありがとうございました。

<script src="~/Scripts/jquery.filedrop.js"></script>
<style type="text/css">
#dropZone {
    background: gray;
    border: black dashed 3px;
    width: 1000px;
    padding: 50px;
    text-align: center;
    color: white;
}
</style>
<script type="text/javascript">
$(function () {
    $('#dropZone').filedrop({
        url: '@Url.Action("UploadFiles")',
        paramname: 'files',
        maxFiles: 5,
        dragOver: function () {
            $('#dropZone').css('background', 'blue');
        },
        dragLeave: function () {
            $('#dropZone').css('background', 'gray');
        },
        drop: function () {
            $('#dropZone').css('background', 'gray');
        },
        afterAll: function () {
            $('#dropZone').html('The file(s) have been uploaded successfully!');
        },
        uploadFinished: function (i, file, response, time) {
            $('#uploadResult').append('<li>' + file.name + '</li>');
        }
    });
});
</script>
<h2>File Drag & Drop Upload</h2>
<div id="dropZone">Drop your files here</div>
<br>
Uploaded Files:
<ul id="uploadResult">        
</ul>
4

0 に答える 0