画像URLから画像ファイルオブジェクトを作成する

Question

画像のURLを取得し、それを使用して画像ファイルオブジェクトを取得し、それを自分のサーバーに送信したいと考えています。私は周りを見て、これまでに得ているが、コードが適切に動作しません。私のサーバーに送信すると、画像ファイルとしてアップロードされませんが、.JPG拡張子や画像ファイルの拡張子がないファイルとして単純にアップロードされます。

var byteNumbers = new Array(this.imgUrl.length); 

    for (var i = 0; i < this.imgUrl.length; i++) 
    { 
     byteNumbers[i] = this.imgUrl.charCodeAt(i); 
    } 

    this.img = new File(byteNumbers, "imgFromUrl", { type: "image/jpeg" }); 

これはファイルを取得して、lastmodified、filenameなどのログにファイルの詳細を表示します。しかし、私は私のサーバーに私は上記のように拡張子のないファイルを取得するアップロードするとき。

ファイルがフォームに添付されてアップロードされ、サーバーに送信されています。これは他のデータも送信しているためです。

this.http.post(this.serverUrl + "face/detect/", data, { headers: this.headers }) 
      .toPromise() 
      .then(response => response.json()) 
      .catch(error => error); 

Answer 1

あなたはこれで問題が解決するかどうかを教えてください

ファイル名に拡張子を指定する

var byteNumbers = new Array(this.imgUrl.length); 

    for (var i = 0; i < this.imgUrl.length; i++) 
    { 
     byteNumbers[i] = this.imgUrl.charCodeAt(i); 
    } 

    this.img = new File(byteNumbers, "imgFromUrl.jpg", { type: "image/jpeg" }); 

が必要になります。