前提・実現したいこと
viewでpdfファイルなどをドラッグアンドドロップで読み込んでDBに保存する機能を作成したいのですがデータがうまく取得できません。
該当のソースコード
php
1<div class="drag_area" ondragover="fDragOver(event);" ondrop="fDrop(event)"> 2 ここにファイルをドラッグ 3 <input name="file" type="hidden" value="" id="file"> 4</div>
javascript
1 // ドラッグ 2 function fDragOver(e){ 3 e.preventDefault(); 4 } 5 6 // ドロップ 7 function fDrop(e){ 8 e.preventDefault(); 9 10 var f = e.dataTransfer.files[0]; 11 var var1 = document.getElementById('file'); 12 var1.value = f; 13 }
試したこと
上記のソースでデータを受け取ろうとしたのですが、inputされたデータを確認すると"[object File]"という文字列が返ってきてしまします。
"file" => "[object File]"
回答2件
あなたの回答
tips
プレビュー