2

createobjectURL を使用してファイル URL を生成するこの関数があり、通常の入力ファイル タグを使用すると機能します。

dropzone.js を使用して同じことを実装しようとしていますが、ファイルをドロップすると、アクションを定義していませんが、アップロードの進行状況バーが表示され始めます。

dropzone.js を使用して URL を取得するにはどうすればよいですか?

Javascript

function localFileVideoPlayerInit(win) {
    var URL = win.URL || win.webkitURL,
        displayMessage = (function displayMessageInit() {
            return function displayMessage() {
                alert("error");
            };
        }()),

        playSelectedFile = function playSelectedFileInit(event) {
            var file = this.files[0];
            var type = file.type;
            var videoNode = document.querySelector('video');
            var canPlay = videoNode.canPlayType(type);
            canPlay = (canPlay === '' ? 'no' : canPlay);
            if (canPlay === 'no') {
                displayMessage();
            }
        }
};

  var fileURL = URL.createObjectURL(file);
  videoNode.src = fileURL;
},

inputNode = document.querySelector('input');

if (!URL) {
    displayMessage('Your browser is not ' + '<a
             href="http://caniuse.com/bloburls">supported</a>!', true);
    return;
}

    inputNode.addEventListener('change', playSelectedFile, false);
}

HTML

<form action="" class="dropzone">
    <div class="fallback">
        <input name="file" type="file" multiple />
    </div>
</form>
4

1 に答える 1

0

変数を参照し、fileURLjavascript を使用してフォームのアクションを動的に設定する必要があるようです。

于 2015-03-05T20:39:37.470 に答える