質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

node-webkit

node-webkitとは、GUIアプリケーションを実行するChromium及びnode.jsベースのライブラリです。DOMの機能とnodeの機能を併用することができます。

Q&A

0回答

2970閲覧

複数のファイルをローカルにドロップする事はできますか?

TEA

総合スコア65

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

node-webkit

node-webkitとは、GUIアプリケーションを実行するChromium及びnode.jsベースのライブラリです。DOMの機能とnodeの機能を併用することができます。

0グッド

7クリップ

投稿2015/01/23 06:03

html5 + javascript + node-webkitでアプリを作っています。
そこでご質問ですが、アプリケーション側からローカル(例えばデスクトップ)へ複数のファイルをドラッグ&ドロップすることは可能でしょうか?

現状ではjavascriptのDataTransfer.setDataメソッドを使っております。しかしDataTransfer.setDataメソッドの場合、指定したタイプ名が同じ場合は、過去に指定したファイルが上書きされてしまい、一つのファイルしか渡せません。

複数のファイルを上手く渡す方法はないでしょうか?何かよい方法がございましたらアドバイスを宜しくお願いいたします。

コードの例ですが、ファイル 1.file, 2.file, 3.fileをa#allDragからドラッグを行い、前述のファイルをまとめてデスクトップへドロップしたいと思っています。

lang

1<a data-downloadurl="application/octet-stream:1.file:./1.file" href="./1.file" id="list1">file1</a> 2<a data-downloadurl="application/octet-stream:2.file:./2.file" href="./2.file" id="list2">file2</a> 3<a data-downloadurl="application/octet-stream:3.file:./3.file" href="./3.file" id="list3">file3</a> 4<a href="#" id="allDrag" ondragstart="startDrag(event);">まとめてドラッグ</a>

lang

1function startDrag (event) { 2 3 var fileList = []; 4 fileList[0] = $("#list1").attr("data-downloadurl"); 5 fileList[1] = $("#list2").attr("data-downloadurl"); 6 fileList[2] = $("#list3").attr("data-downloadurl"); 7 8 event.dataTransfer.setData("DownloadURL",fileList[0]); 9 //上記で複数ファイルを渡したいです。(現状単体のファイルしか指定できません) 10 11}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問