1

ngx-image-cropperを使用 して、Angular アプリで画像をトリミングしています。トリミングされた画像を取得できるように、(imageCroppedFile) である「File」を返す Output プロパティを使用します。デフォルトでは未定義ですが、 name 属性を使用してバックエンドでファイルを反復処理できるように、切り抜いた画像にファイル名を付ける必要があります。どうすれば名前を付けることができますか? 私は次のことを試しました: FormData で、

var formData:any = new FormData();
console.log('The number of files is '+files.length);//Logs the number of files is 1

for(var i=0; i<files.length;i++) {
  formData.append("uploads[]", files[i].name, 'image'+i);
  console.log('File name '+ i + ' ' +files[i].name);//Logs File name 0 undefined
}

およびトリミングによってトリガーされるメソッドについて

imageCroppedFile(image: File) {
  this.filesToUpload = [];
  console.log('imageCroppedFile method '+image.name+ ' size is '+image.size);// Logs imageCroppedFile method undefined size is 380284
  this.filesToUpload[0]=image;
  console.log('The filesToUpload is '+this.filesToUpload[0].name);// Logs The filesToUpload is undefined
}

アップローダーは、クロッパーなしで動作します。

4

2 に答える 2