2016-08-02 7 views
0

これは意味がないように見えるかもしれませんが、JavaScriptでコーディングするにはどうすればよいですか...パソコンからブラウザに画像をアップロードしてから、別の場所にあるpc。ブラウザでファイルをアップロードして再度ハードドライブに保存

+0

<input type="file">要素、changeイベント、URL.createObjectURL()<a>要素、download属性を使用することができます。いくつかのブラウザやブラウザの拡張機能で近似することはできますが、解法は移植できません。あなたができることは、ユーザーがそれを再ダウンロードしてどこに保存すべきかを選択できるようにすることです。 – Owen

+0

あなたは「自分のPCからブラウザに画像をアップロードする」ことはありません。あなたのブラウザはすでにあなたのPCにあります。ブラウザからPCからサーバーに画像をアップロードすることを意味しますか?その場合、アップロードしてもう一度ダウンロードするだけです。あなたのブラウザがあなたのPC上のファイルを直接読み書きすることを含む何かをすることを意味するなら、あなたはできません。 –

+0

@torazaburo技術的には、 'requestFileSystem'を使ってクロム、クロムで可能です。 http://stackoverflow.com/questions/36098129/how-to-write-in-file-user-directory-using-javascript – guest271314

答えて

2

あなたは、これはセキュリティ上の制約により、Webページ上では動作しません.click()

<input type="file" /> 
 
<script> 
 
    document.querySelector("input[type=file]") 
 
    .addEventListener("change", function(e) { 
 
     var a = document.createElement("a"); 
 
     a.href = URL.createObjectURL(e.target.files[0]); 
 
     a.download = e.target.files[0].name; 
 
     document.body.appendChild(a); 
 
     a.click(); 
 
     document.body.removeChild(a); 
 
    }) 
 
</script>

+0

ありがとうございます!ファイルが保存される場所を設定することは可能ですか? – Josh

+0

@Josh _ "ファイルを保存する場所を設定することは可能ですか?"いいえ、 'javascript'を使用していません。ユーザーアクションは、ファイルを保存するユーザーファイルシステム上の場所を選択する必要があります – guest271314

関連する問題