2017-10-05 3 views
-1

角2アップロードでURLを使用する際に問題が発生しています。Angular 2を使ってUnixボックスにファイルをアップロードする - URLとは何ですか?

これはサービスURLかFTP URLですか?C:\test\uploadのようにローカルシステムにアップロードするにはどうすればよいですか?

URLがサービスの場合、これをSpringでどのように行うのですか?

ファイルをUnixボックスにアップロードするにはどうすればよいですか?

public uploader:FileUploader = new FileUploader({url:''}); 
+0

私はそれを通過しましたが、私の答えを得ていません – Chandra

+0

H ow2を使ってUnixボックスにファイルをアップロードできますか? – Chandra

答えて

0

ソリューション:

あなたは、角度2からファイルをアップロードする(などのPython、PHPなど)のバックエンドでのファイルを取得し、どのようなファイルを保存するためにのXMLHttpRequestを使用することができますあなたが望む場所。

例:

FileUploadService(file_to_upload) { 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let url = 'backend/upload'; 

    let res = new Promise((resolve, reject) => { 
     let formData: any = new FormData(); 
     let xhr = new XMLHttpRequest(); 
     formData.append(file_to_upload.type, file_to_upload.file) 
     xhr.open('POST', url, true); 
     xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest"); 
     xhr.send(formData); 
     xhr.onreadystatechange = function() { 
      if (xhr.readyState == XMLHttpRequest.DONE) { 
       let respone = JSON.parse(xhr.responseText); 
       console.log(respone); 
      } 
     } 
    }) 
} 

上記のコードは、バックエンドにフロントエンドからファイルを送信するために、そしてあなたがバックエンドから好きな場所のファイルを格納するのに便利です。

コード実行の説明を以下に示します。

file_to_upload:これはいい:これは、ファイルの種類

file_to_upload.fileを指し:これは、ファイル入力から

file_to_upload.typeをそれを得るファイルでありますファイルオブジェクトに

+0

ありがとうハリ..私たちはPythonを使用することは許されていません。あるいは、PHPが他の方法であれば、できる限りJavaのようなバックエンドサービスを実装することができます。 – Chandra

+0

私は、Javaでバックエンドサービスを実装できると確信していますが、もっと私はどのように要求を受け取り、それにファイルを必要とするサービスを知りたいのですか?可能であれば、いくつかの例を共有してください。 – Chandra