QA@IT
«質問へ戻る

9
本文
 
 ドラッグアンドドロップで取得したfileオブジェクトを元に
 別のローカルフォルダにコピーすることは可能なのでしょうか?
-<input type="file">での取得であれば、パスが取得できるので実装は容易ですが、
+```HTML
+<input type="file">
+```
+での取得であれば、パスが取得できるので実装は容易ですが、
 現在パスの取得方法がわからず、困っています。
 パスを使用しなくとも、何かしらの方法でファイルを目的の階層にコピー又は作成できれば問題ありません。
 使用言語はPHP,javascriptになります。PHPを利用した方法でも構いません。

javascriptのドラッグアンドドロップでのローカルファイル作成について

ドラッグアンドドロップされたローカルファイルを
別のローカルフォルダにコピーするような処理を考えています。

対応ブラウザはIE11のみとします。

ドラッグアンドドロップで取得したfileオブジェクトを元に
別のローカルフォルダにコピーすることは可能なのでしょうか?

<input type="file">

での取得であれば、パスが取得できるので実装は容易ですが、
現在パスの取得方法がわからず、困っています。
パスを使用しなくとも、何かしらの方法でファイルを目的の階層にコピー又は作成できれば問題ありません。
使用言語はPHP,javascriptになります。PHPを利用した方法でも構いません。

最終的には、バイナリデータを加工して、画像を全てjpg形式に変えれるような処理も行えたらとは
考えていますが、こちらの問題は重視していないため解決できなくても構いません。

申し訳ありませんが、どうかお願いします。

<div id="drag_zone"></div>
<script type="text/javascript">
    $(document).on('dragover', '#drag_zone', function(evt){
        evt.stopPropagation();
        evt.preventDefault();
        evt.originalEvent.dataTransfer.dropEffect = 'copy';
    });
    $(document).on('drop', '#drag_zone', function(evt){
        // 移動先ファイルパス宣言
        var path = 'C://hoge/';
        // fileオブジェクト読込
        var files = evt.target.files;
        for(var i = 0; i < files.lenght;i++){
            // ここでパスを取得してファイルをコピーするか、
            // バイナリデータか何かしらを使用してフォルダに新しいファイルを
            // 新規作成したい。
        }
    });
</script>
ドラッグアンドドロップされたローカルファイルを
別のローカルフォルダにコピーするような処理を考えています。

対応ブラウザはIE11のみとします。

ドラッグアンドドロップで取得したfileオブジェクトを元に
別のローカルフォルダにコピーすることは可能なのでしょうか?
```HTML
<input type="file">
```
での取得であれば、パスが取得できるので実装は容易ですが、
現在パスの取得方法がわからず、困っています。
パスを使用しなくとも、何かしらの方法でファイルを目的の階層にコピー又は作成できれば問題ありません。
使用言語はPHP,javascriptになります。PHPを利用した方法でも構いません。

最終的には、バイナリデータを加工して、画像を全てjpg形式に変えれるような処理も行えたらとは
考えていますが、こちらの問題は重視していないため解決できなくても構いません。

申し訳ありませんが、どうかお願いします。

```HTML
<div id="drag_zone"></div>
<script type="text/javascript">
    $(document).on('dragover', '#drag_zone', function(evt){
        evt.stopPropagation();
        evt.preventDefault();
        evt.originalEvent.dataTransfer.dropEffect = 'copy';
    });
    $(document).on('drop', '#drag_zone', function(evt){
        // 移動先ファイルパス宣言
        var path = 'C://hoge/';
        // fileオブジェクト読込
        var files = evt.target.files;
        for(var i = 0; i < files.lenght;i++){
            // ここでパスを取得してファイルをコピーするか、
            // バイナリデータか何かしらを使用してフォルダに新しいファイルを
            // 新規作成したい。
        }
    });
</script>
```

質問を投稿

javascriptのドラッグアンドドロップでのローカルファイル作成について

ドラッグアンドドロップされたローカルファイルを
別のローカルフォルダにコピーするような処理を考えています。

対応ブラウザはIE11のみとします。

ドラッグアンドドロップで取得したfileオブジェクトを元に
別のローカルフォルダにコピーすることは可能なのでしょうか?
での取得であれば、パスが取得できるので実装は容易ですが、
現在パスの取得方法がわからず、困っています。
パスを使用しなくとも、何かしらの方法でファイルを目的の階層にコピー又は作成できれば問題ありません。
使用言語はPHP,javascriptになります。PHPを利用した方法でも構いません。

最終的には、バイナリデータを加工して、画像を全てjpg形式に変えれるような処理も行えたらとは
考えていますが、こちらの問題は重視していないため解決できなくても構いません。

申し訳ありませんが、どうかお願いします。

<div id="drag_zone"></div>
<script type="text/javascript">
    $(document).on('dragover', '#drag_zone', function(evt){
        evt.stopPropagation();
        evt.preventDefault();
        evt.originalEvent.dataTransfer.dropEffect = 'copy';
    });
    $(document).on('drop', '#drag_zone', function(evt){
        // 移動先ファイルパス宣言
        var path = 'C://hoge/';
        // fileオブジェクト読込
        var files = evt.target.files;
        for(var i = 0; i < files.lenght;i++){
            // ここでパスを取得してファイルをコピーするか、
            // バイナリデータか何かしらを使用してフォルダに新しいファイルを
            // 新規作成したい。
        }
    });
</script>
ドラッグアンドドロップされたローカルファイルを
別のローカルフォルダにコピーするような処理を考えています。

対応ブラウザはIE11のみとします。

ドラッグアンドドロップで取得したfileオブジェクトを元に
別のローカルフォルダにコピーすることは可能なのでしょうか?
<input type="file">での取得であれば、パスが取得できるので実装は容易ですが、
現在パスの取得方法がわからず、困っています。
パスを使用しなくとも、何かしらの方法でファイルを目的の階層にコピー又は作成できれば問題ありません。
使用言語はPHP,javascriptになります。PHPを利用した方法でも構いません。

最終的には、バイナリデータを加工して、画像を全てjpg形式に変えれるような処理も行えたらとは
考えていますが、こちらの問題は重視していないため解決できなくても構いません。

申し訳ありませんが、どうかお願いします。

```HTML
<div id="drag_zone"></div>
<script type="text/javascript">
    $(document).on('dragover', '#drag_zone', function(evt){
        evt.stopPropagation();
        evt.preventDefault();
        evt.originalEvent.dataTransfer.dropEffect = 'copy';
    });
    $(document).on('drop', '#drag_zone', function(evt){
        // 移動先ファイルパス宣言
        var path = 'C://hoge/';
        // fileオブジェクト読込
        var files = evt.target.files;
        for(var i = 0; i < files.lenght;i++){
            // ここでパスを取得してファイルをコピーするか、
            // バイナリデータか何かしらを使用してフォルダに新しいファイルを
            // 新規作成したい。
        }
    });
</script>
```