form-data を自分で入力する必要があるのはなぜですか? フォームデータは Canvas を使用して圧縮されているため、ブラウザがすでに formData をサポートしている必要があります。

方法 1: 自分で結合する代わりに formData API を使用する

方法 2: 自分で綴る

圧縮では、canvas を使用し、canvas の toBlob オブジェクトを呼び出し、fileReader の readAsBinaryString メソッドを使用して BLOB オブジェクトのバイナリ文字列を取得します。このバイナリ文字列は、formdata の content-disposition の下に入力する必要があります。

あなたのコードは少し面倒です。 imageView.attr('src') は圧縮された画像のbase64 dataURIを取得するようです。そうでない場合は、blobを取得できます。 fileReader を使用して自分で変換することもできます。それがうまくいかない場合は、dataURItoBlob オブジェクトを使用して、base64 dataURI を BLOB に変換してから、それをバイナリ文字列に変換します。

画像をbase64に変換して、フォームを使用して直接アップロードしてみてはいかがでしょうか? 。 。

キャンバス圧縮画像を視覚的に検査しますか?次に、直接バイナリに変換してアップロードします

バックエンドはBASE64デコードを受信して​​処理し、ファイルに変換します