2017-02-20 9 views
1

http://www.thecssninja.com/html5/gmail-dragoutを参照してください。event.dataTransfer.setDataを使用して複数のファイルをブラウザからデスクトップにドラッグアウト

私は使用して1つのファイルをドラッグする場合、それは大丈夫です:

$(".dragme").on('dragstart', function (event) { 
    event.originalEvent.dataTransfer.setData("DownloadURL", ["application/octet-stream:image_name.jpg:http://full_image_url"]); 
} 

をDownloadURL値は文字列の配列を受け入れているようです。

しかし、この配列のURLの数を増やそうとすると、使用できなくなります。

これを行う正しい方法は何ですか?

+0

をするDOMStringする必要がありますが、各ファイルは、それが –

+0

はい、各ファイルは、ダウンロードするための独自のURLを持つことになりますダウンロードしたファイルごとに1つのURLを示し記事をdownload.lnする複数のURLを持つことになりますか。 しかし、すべてのファイルダウンロードURLを取得することはjqueryで簡単に行うことができます。 私の質問はevent.dataTransfer.setDataに焦点を当てています –

答えて

1

arrayをDownloadURLに使用することはできません。 第二引数は

https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setData

+0

あなたの答えをありがとう。 しかし、複数のファイルをドラッグしてダウンロードしたい場合、それを行う正しい方法は何ですか? –

+0

私はあなたが複数のファイルをドラッグすることはできないと思う。 :(多分あなたは結合されたファイルを作るためにzipライブラリを使うべきです。 –

関連する問題