5

チュートリアルの結合標準フォームとドロップゾーン( https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone ) に従いましたが、結果のページは最新バージョンの Google Chrome で完全に機能します。

しかし、IE10 で同じページをテストすると、ドラッグ アンド ドロップが機能しません。ドロップ ゾーンはクリック可能で、ファイルをサーバーにアップロードできるため、ドロップ ゾーンは正しく初期化されます。機能しないのはドラッグアンドドロップ機能だけです。

http://www.dropzonejs.com/でデモを試すと、IE10 でドラッグ アンド ドロップが機能します。

IE のインターネット オプションを確認し、すべてが有効になっていることを確認しました。また、ローカルホストを信頼済みサイトに追加しました。

これは私のコードです:

<script src="~/Scripts/dropzone.js"></script>
<script type="text/javascript">
    Dropzone.options.dropzoneForm = {
        autoProcessQueue: false,
        uploadMultiple: true,
        parallelUploads: 100,
        maxFiles: 100,
        addRemoveLinks: true,
        createImageThumbnails: false,

        // The setting up of the dropzone
        init: function() {
            var myDropzone = this;

            // First change the button to actually tell Dropzone to process the queue.
            this.element.querySelector("button[type=submit]").addEventListener("click", function(e) {
                // Make sure that the form isn't actually being sent.
                e.preventDefault();
                e.stopPropagation();
                myDropzone.processQueue();
            });
        }
    };
</script>

<form action="~/FileUpload/SaveUploadedFiles" method="post" enctype="multipart/form-data" class="dropzone" id="dropzoneForm">
    <div class="dropzone-previews"></div>
    <button type="submit">Submit data and files!</button>
</form>

もちろん、スタイルシートもページに追加されます。

いくつかの設定が抜けていたのでしょうか、それともブラウザの問題ですか?

4

3 に答える 3

17

Visual Studio からデバッグ モードでページにアクセスすると、ドラッグ アンド ドロップが機能しないことがわかりました。新しく開いたブラウザからページにアクセスすると、問題なく動作します。

スレッドhttp://social.msdn.microsoft.com/Forums/silverlight/en-US/383198a9-dbb4-4f94-8713-484e5bacb14b/dragdrop-not-active-during-debugging?forum=silverlightdevtoolsによると、これは発生する可能性がありますVisual Studio と IE が異なるアカウント/権限で実行されている場合。私の場合、Visual Studio は管理者として実行されています。

このページのクライアント スクリプトをデバッグする必要がないので、ページをテストするときに新しい IE でサイトを開くだけです。

于 2013-11-06T07:00:11.647 に答える