CSVファイルをドラッグアンドドロップで設定できるようにしたいです。
(ファイル選択ボタンを押下してファイルを選択した後の挙動と同じにしたい)
HTML
1<td id="csvFileArea"> 2 <p>ここにファイルをドロップまたは選択してください</p> 3 <input id="csvFile" name="csvFile" type="file"> 4</td>
javascript
1 2var csvFileArea = $("#csvFileArea"); 3csvFileArea.on("dragenter", function(e){ 4 e.stopPropagation(); 5 e.preventDefault(); 6}); 7csvFileArea.on("dragover", function(e){ 8 e.stopPropagation(); 9 e.preventDefault(); 10}); 11csvFileArea.on("drop", function (_e) { 12 var e = _e; 13 if (_e.originalEvent) { 14 e = _e.originalEvent; 15 } 16 e.stopPropagation(); 17 e.preventDefault(); 18 19 // ファイル情報を設定(IE11だと動かない) 20 document.querySelector('#csvFile').files = e.dataTransfer.files; 21});
このコードだとchromeとfirefoxは動いたのですが、IE11が動きません。
またdocument.querySelector('#csv-file')に「<input id="csvFile" name="csvFile" type="file">」がchromeと同様に取れており、e.dataTransfer.filesにもファイル情報が入っています。
すみませんがどなたかIE11でも同様の挙動を実現する方法を教えていただけないでしょうか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/21 02:18