'n' DropファイルをChromeパッケージアプリにドラッグしますか？

Question

デスクトップからアプリにファイルをドラッグ＆ドロップすることに成功した人はいますか？

私は、インデックスファイルに this drag 'n' drop exampleを入れて試してみたが、私はちょうどこのエラーを取得する

：

Can't open same-window link to "file:///C:/Users....whatever"; try target="_blank". 

あなたが試したものを、あなたの物語を共有し、あなたが:)

を成功している場合してください

Answer 1

私はこれまでにこれをやっていました。

問題は、ファイルURLを作成してから、そのURLに移動しようとしていることです。ナビゲーションが失敗しました。読み込みに失敗しました。 CSPのために失敗しています。許容CSPに課されたセキュリティ制限のため、別のCSPでそれを上書きすることはできません。

ただし、ファイルを読み込んでコンテンツを使用するだけで済みます。 readAsTextまたはReadAsArrayBufferをreadAsDataURLの代わりに使用するには、そのサンプルコードを変更する必要があります。詳細はhereをご覧ください。

あなたはどのように乗ってくださいお知らせください！

Answer 2

あなたを助けるためにいくつかのリソース：

新しいクロームパッケージ化アプリは、私たちがカバードラッグ・アンド・ドロップAngularJSと純粋なJavaScriptの両方でに取り組んできたことをコードラボ。

AngularJSドラッグ・アンド・ドロップ：https://github.com/GoogleChrome/chrome-app-codelab/tree/master/lab5_data/angularjs/2_drop_files

JavaScriptをドラッグ・アンド・ドロップ：ドキュメントの初期バージョンがdeveloper.chrome.comでChromeのAngularJSドラッグ・アンド・ドロップのためにあまりにもありますhttps://github.com/GoogleChrome/chrome-app-codelab/tree/master/lab5_data/javascript/2_drop_files

/trunk/apps/app_codelab5_data.html#handle_drag_and_dropped_files_and_urls

私たちは両方のサンプルをカバーするためにドキュメントに取り組んでいます。

Answer 3

ちょうどdropを聞いてもうまくいきません。 dragoverの既定の機能を無効にする必要があります。

document.body.addEventListener('dragover', function(e) { 
    e.preventDefault(); 
} 

document.body.addEventListener('drop', function(e) { 
    alert('it works!') 
}