ホームページ > ウェブフロントエンド > jsチュートリアル > Angular Js ファイルのアップロード form-data_javascript 手法

Angular Js ファイルのアップロード form-data_javascript 手法

WBOY
リリース: 2016-05-16 15:41:45
オリジナル
1368 人が閲覧しました

まえがき: 最近、会社の PC 側のテクノロジ選択で Angular を使用することにしました。ここ数日、急いでブログを更新しました。そこで、思い切って Angular を直接使い始めました。小さな穴がいくつもあり、次々と踏むことができます。今日、画像のアップロードという比較的一般的な問題に遭遇しました。

テーマ: 画像はサーバーにアップロードされ、サーバーを通じて Alibaba Cloud に送信されます。

これ以上ナンセンスではなく、フロントエンド コードを投稿するだけです:

$http({
  method: ‘POST‘,
  url: ‘/wechatapp/User/setAvatar‘,
  data: data,
  headers: {
    ‘Content-Type‘: undefined
  },
  transformRequest: function(data) {
    var formData = new FormData();
    formData.append(‘avatar_data‘, data.adata);
    formData.append(‘avatar_file‘, data.file);
    return formData;
  },
  data: {
    adata: scope.avatar_data,
    file: scope.avatar_file
  }
  }).success(function(d) {
    //请求成功
    cb(d);
  }).error(function(err, status) {
    console.log(err);
    cb(err);
  });
ログイン後にコピー

実際、重要なことは、投稿のデフォルトの Content-Type をキャンセルして、FormData の形式でアップロードすることです。通常、Ajax アップロード ファイルは FormData モードでアップロードされます。

上記は Angular Js ファイルアップロード用のフォームデータを紹介した記事です。気に入っていただければ幸いです。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート