Filepond menambah pengepala pengesahan sebelum memaparkan imej
P粉201448898
P粉201448898 2024-03-27 13:06:23
0
1
489

Saya menggunakan pemalam filepond dalam aplikasi Vue saya. Ia sesuai dengan keperluan permohonan saya dengan sempurna. Pada masa ini perkhidmatan bahagian belakang saya menyediakan imej melalui pengesahan JWT. Bagaimana untuk menambah pengepala tersuai ke kolam fail untuk memuatkan imej dalam komponen?

Inilah pencapaian saya

<file-pond
    ref="file"
    name="filepond"
    :label-idle="placeholder"
    accepted-file-types="image/jpeg, image/png"
    drop-validation="true"
    style-panel-layout="compact circle"
    style-button-remove-item-position="center bottom"
    style-panel-aspect-ratio="1:1"
    :allow-image-crop="true"
    image-crop-aspect-ratio="1:1"
    :files="src"
    :server="{
      url: 'http://192.168.0.100',

      load: {
        url: './process',
        method: 'GET',
        headers: {
          'x-customheader': 'Hello World'
        },
        withCredentials: false
      }
    }"
  />

Walaupun selepas memasang komponen, pilihan pelayan masih tidak dipanggil dan imej saya membuang 401 ralat

P粉201448898
P粉201448898

membalas semua(1)
P粉378264633

Ini yang anda cari. Untuk memaparkan url imej jauh, anda perlu menyediakannya dengan atribut imej tambahan, dalam kes ini local.

Baca lebih lanjut di sini - https://pqina.nl/filepond /docs/api/instance/properties/#files

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan