Rumah  >  Artikel  >  hujung hadapan web  >  Teknik fail-data_javascript muat naik fail Angular Js

Teknik fail-data_javascript muat naik fail Angular Js

WBOY
WBOYasal
2016-05-16 15:41:451309semak imbas

Kata Pengantar: Saya telah lama tidak mengemas kini blog saya Baru-baru ini, pilihan teknologi bahagian PC syarikat menggunakan Angular Dalam beberapa hari yang lalu, saya telah tergesa-gesa untuk meletakkannya di rak, jadi saya menggigit peluru dan mula menggunakan Angular secara langsung. Terdapat banyak lubang kecil yang boleh dipijak satu demi satu. Hari ini saya menghadapi masalah yang agak biasa: memuat naik imej.

Tema: Imej dimuat naik ke pelayan, dan kemudian dihantar ke Alibaba Cloud melalui pelayan.

Tiada lagi perkara karut, cuma siarkan kod bahagian hadapan:

$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);
  });

Sebenarnya, tidak ada kesukaran Perkara utama ialah membatalkan Jenis Kandungan lalai siaran, dan kemudian memuat naiknya dalam bentuk FormData. Secara amnya, fail muat naik ajax dimuat naik dalam mod FormData.

Di atas ialah artikel yang memperkenalkan data borang untuk muat naik fail Angular Js saya harap anda menyukainya.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn