2017-09-28 12 views
0

javascriptを初めて使用しています。私の使用例の1つは、ローカルコンピュータから同じコンピュータの選択したディレクトリにファイルをアップロードすることです。HTMLとJavascriptを使用してローカルマシンの特定の場所にファイルをアップロードする方法

HTMLコード:

<!DOCTYPE html> 
<html> 
    <body> 
     <h3>File Upload to the selected location</h3> 
     <form action=""> 
     <input type="file" id="files" name="files[]" multiple /> 
     <output id="list"></output> 
     </form> 
     <script src="testing.js"></script> 
     <br><br> Local Path (C:\Users\UserName\Documents\) <input type="checkbox" value="TestPurpose"> 
    </body> 
</html> 

JSコード:

function handleFileSelect(evt) { 
    var files = evt.target.files; // FileList object 
    // files is a FileList of File objects. List some properties. 
    var output = []; 
    for (var i = 0, f; f = files[i]; i++) { 
     output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ', 
      f.size, ' bytes, last modified: ', 
      f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a', 
      '</li>'); 
    } 
    document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>'; 
} 
document.getElementById('files').addEventListener('change', handleFileSelect, false); 

私は私のローカルマシンからファイルをアップロードし、チェックボックスを選択したらそう、アップロードされたファイルは、ほかに指定された場所に移動する必要がありますhtmlチェックボックス。 誰かがこれで私を助けてくれますか?

+1

ユーザーのローカルシステムにはアクセスしません。ユーザーは保存フォルダを自分で選択します。 – Teemu

+0

アップロードされたファイルを同じローカルコンピュータに保存するにはどうすればいいですか? –

+0

私は、あなたのローカルシステムにアクセスすることはできませんので、あなたのシステムにもファイルを保存することはできません... "アップロードされたファイル"とは、ユーザーが '#files'でファイルを選択したことを意味します。唯一の方法は、サーバーに送信し、ローカルシステムに保存できるときにユーザーに戻すことです。 JS /ブラウザはディスク操作のためのものではなく、OSを使用してファイルの保存/コピー/名前の変更などを行います。 – Teemu

答えて

0

セキュリティ上の理由から、ユーザーのファイルシステムにアクセスすることはできません。このファイルは、ユーザーからの直接的な対話(ダウンロードの確認)の結果として、および特定のダウンロードごとに手動で、またはデフォルトのダウンロードディレクトリ(ブラウザの設定に依存)でユーザーが選択したディレクトリでのみダウンロードできます。

関連する問題